Outerverse Wiki outerverse_en https://outerverse.wiki.gg/ MediaWiki 1.43.5 first-letter Media Special Talk User User talk Outerverse Wiki Outerverse Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Forum Forum talk GeoJson GeoJson talk User blog User blog comment Blog Blog talk TimedText TimedText talk Module Module talk Message Wall Thread Message Wall Greeting Board Board Thread Topic 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 4 1 2022-08-21T03:22:28Z Westgrass 40 Westgrass moved page [[Main Page]] to [[Outerverse Wiki]] wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 7 4 2022-08-21T03:22:57Z Westgrass 40 Protected "[[Outerverse Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 8 7 2022-08-21T03:23:13Z Westgrass 40 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] [[category:Outerverse Wiki]] 497bc12fb83cf07f30ea13903cd4f53b4f2b9b21 44 8 2022-08-25T10:45:18Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><div class="a"><!-- --><div><!-- --><h3>The Story</h3><!-- --><p>It all started when they found the Dimensional Orb. Humanity just couldn't help themselves. The Orb was too tempting. We now had the ability to explore alternate realities, see things that we never could have imagined ourselves. Of course when we were successfully able to replicate the orb, there were pats on the back all around. However the door opens both ways. When the orbs began to go out of our control, we were now faced with an invasion from multiple dimensions. With monsters everywhere, the only hope is to find the orb and destroy it once and for all.</p><!-- --></div><!-- --><div><!-- --><p>Outerverse is a wave defence game at its core. You start with a [[resource building]] and gathering phase, followed by a [[wave]] of monster combat. How you do it is up to you, but you need to [[craft]] and [[build]] your tools:</p><!-- --><ul><!-- --><li>[[Melee weapons|Melee]] and [[Ranged weapons|ranged]] [[weapons]], from [[swords]] to [[bows]] to [[magical staffs]]</li><!-- --><li>[[Weapon based structures]] like the [[bomb slingshot]] and [[crossbow turret]]</li><!-- --><li>[[Trap structures]] like [[spike trap]]s and [[bomb tripwire]]s</li><!-- --><li>[[Resource structures|Resource]] and [[cosmetic structures]] like [[smelter]]s and [[fence]]s</li><!-- --></ul><!-- --></div><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 21c9e69175f1882642bc1090d64329bc27104510 47 44 2022-08-25T11:28:22Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.jpg]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.jpg]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.jpg]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.jpg]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.jpg]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.jpg]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 6056b3d31dfbc0f0fd5f404f96b5bd8b0651001c 48 47 2022-08-25T11:29:23Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.v]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.png]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] dbc2804cdfd54cc39eebad847314e9633c563707 49 48 2022-08-25T11:30:07Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.png]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.png]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 796b2a0cfd1d02c8f241e25f6c1522a62f6d6d91 8 2 2 2022-08-21T03:21:23Z Westgrass 40 Created page with "/*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6..." css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?subset_id=2&fvd=n4&v=3) format("opentype"); font-weight: 400; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?subset_id=2&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?subset_id=2&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?subset_id=2&fvd=n6&v=3) format("opentype"); font-weight: 600; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?subset_id=2&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?subset_id=2&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?subset_id=2&fvd=n7&v=3) format("opentype"); font-weight: 700; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?subset_id=2&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?subset_id=2&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?subset_id=2&fvd=i4&v=3) format("opentype"); font-weight: 400; font-style: italic; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?subset_id=2&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?subset_id=2&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?subset_id=2&fvd=i7&v=3) format("opentype"); font-weight: 700; font-style: italic; font-stretch: normal; font-display: auto; } /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: url(https://9yearsofshadows.wiki.gg/images/5/57/Site-background.png) left top no-repeat, #000 url(https://9yearsofshadows.wiki.gg/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background2: url(https://9yearsofshadows.wiki.gg/images/5/57/Site-background.png) -24px -12px no-repeat, #000 url(https://9yearsofshadows.wiki.gg/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background3: #000 url(https://9yearsofshadows.wiki.gg/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /*** top site logo ***/ --theme-site-logo-image: url(https://9yearsofshadows.wiki.gg/images/e/e6/Site-logo.png); --theme-site-logo-width: 300px; --theme-site-logo-height: 195px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */ color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: futura-pt; font-weight: 700; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 26b10b98c1df371ffacc2bc94391ad0efacd5a7a 10 2 2022-08-21T03:25:23Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?subset_id=2&fvd=n4&v=3) format("opentype"); font-weight: 400; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?subset_id=2&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?subset_id=2&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?subset_id=2&fvd=n6&v=3) format("opentype"); font-weight: 600; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?subset_id=2&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?subset_id=2&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?subset_id=2&fvd=n7&v=3) format("opentype"); font-weight: 700; font-style: normal; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?subset_id=2&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?subset_id=2&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?subset_id=2&fvd=i4&v=3) format("opentype"); font-weight: 400; font-style: italic; font-stretch: normal; font-display: auto; } @font-face { font-family: futura-pt; src: url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?subset_id=2&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?subset_id=2&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?subset_id=2&fvd=i7&v=3) format("opentype"); font-weight: 700; font-style: italic; font-stretch: normal; font-display: auto; } /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: url(/images/5/57/Site-background.png) left top no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background2: url(/images/5/57/Site-background.png) -24px -12px no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background3: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 300px; --theme-site-logo-height: 195px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; /* font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; a bit hard to read */ color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: futura-pt; font-weight: 700; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 9ef7ea60e550788810af22d7ee14310e4b14ab3b 11 10 2022-08-21T06:01:19Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: url(/images/5/57/Site-background.png) left top no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background2: url(/images/5/57/Site-background.png) -24px -12px no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background3: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 300px; --theme-site-logo-height: 195px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ ec5aa30aaea163bd4eda4ab38464891d0369e9ad 13 11 2022-08-21T06:03:05Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: url(/images/5/57/Site-background.png) left top no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background2: url(/images/5/57/Site-background.png) -24px -12px no-repeat, #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; --theme-site-background3: #000 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 300px; --theme-site-logo-height: 195px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 21ef9ab41151b8c7c54016c1d6a8bcdc66eba580 21 13 2022-08-24T11:47:23Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 300px; --theme-site-logo-height: 195px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 02b23773c96320af56de01dcdadb5bcdff7a618e 22 21 2022-08-24T11:54:04Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 58e78d394632e2d2c80a980a8abeb6dc3c7ea2b9 23 22 2022-08-24T11:57:30Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: var(--theme-site-logo-height); --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--theme-site-logo-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 2977aa3745623df95d6f25c0fac4ae1ea212430b 24 23 2022-08-24T11:59:34Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: calc(var(--theme-site-logo-height) / var(--theme-site-logo-width) * var(--main-layout-sidebar-width)); --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 27c5dc666c2bcaf5e1a045640d19db5cfc4030c4 25 24 2022-08-24T12:01:29Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; --main-layout-logo-box-height: calc(var(--theme-site-logo-height) / var(--theme-site-logo-width) * var(--main-layout-sidebar-width)); background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ f1372b87b3d90713aa929e5d3ffe651bb8e3af82 26 25 2022-08-24T12:03:46Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; --main-layout-logo-box-height: calc( var(--main-layout-sidebar-width) * (var(--theme-site-logo-height) / var(--theme-site-logo-width)) ); background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 30403e13e63098a69658bc4749082a7e2af79bbd 27 26 2022-08-24T12:04:05Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; --main-layout-logo-box-height: calc( var(--main-layout-sidebar-width) * var(--theme-site-logo-height) / var(--theme-site-logo-width) ); background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 626d44d5f1db1d7c60318e694a425a676b42f9b6 28 27 2022-08-24T12:04:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 170px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 0c1f6b8903327e34348574f77873ad3950e95883 29 28 2022-08-24T12:05:33Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 130px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center bottom/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 50823d8727d5bff6534e7762b4c6ba5ac551954d 30 29 2022-08-24T12:07:44Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: var(--main-layout-logo-box-height); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid transparent; border-radius: var(--theme-box-border-radius); background-image: var(--theme-box-background-image); background-clip: padding-box, border-box; background-origin: padding-box, border-box; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ cff3f73118a66f84aa4a7ac38f15f6f9caebc44b 31 30 2022-08-24T12:09:59Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 200px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 66bfc6cd65b93c4c110072db8c71b77fbc7aeb90 32 31 2022-08-24T12:34:14Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; letter-spacing: 0.05em; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ b8713c16cecbad6bec23bc7f462c83a6b8af7412 34 32 2022-08-24T12:36:15Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-weight: 700; font-style: normal; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 389ac8b7535587994d3fbfd081d875f05473d108 35 34 2022-08-24T12:38:01Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 3px; --theme-box-border-radius: 10px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 2c8e38db2cd4f315a1d6a8d61b08bd086e805984 36 35 2022-08-24T12:46:50Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; --theme-box-background-image: linear-gradient(#FFF,#FFF), linear-gradient(100deg, #ff9a49, #ff3578 26%, #ff01f7 50%, #860dff 82%, #34d5ff); /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 8b617c518ff6b6f8cdbd07a7de742ccf337fc3ba 37 36 2022-08-24T12:47:27Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 341px; --theme-site-logo-height: 268px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 3595f2ae0edeb644cdee088b06e2d83a6f87cc5c 38 37 2022-08-24T12:49:44Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -48px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 0477ea29e2a2f3c0e5a1ca7b7d5c04c1ef6fe9d8 39 38 2022-08-24T12:51:28Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.5); --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 2b07f0e15c6544d1d5ed90f2c80fcb26b3e4fdee 40 39 2022-08-24T12:54:03Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); background-size: calc(var(--theme-site-logo-width) * 0.5) auto; } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * 0.5); height: calc(var(--theme-site-logo-height) * 0.5); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 37b368a2cfeb4d4178164a4cefe1a90379b2c3f9 41 40 2022-08-24T12:57:38Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-9_Years_of_Shadows_Wiki.action-view h1.firstHeading, body.rootpage-9_Years_of_Shadows_Wiki.action-view .mw-body .mw-indicators, body.rootpage-9_Years_of_Shadows_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .video, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-9_Years_of_Shadows_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ d69aee18ce1596dc6bb06197c8f87c60f58e6cb6 46 41 2022-08-25T11:09:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .l, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .r { display: flex; flex-direction: column; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .l { flex: 0 0 500px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .r { flex: 2 2 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.about .video, body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.about .pic { margin-top: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.about .pic a, body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.about .pic img { display: block; max-width: 100%; height: auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ b5abb8ee130afb934eeb312c4f040948e2b8e9ef 8 3 3 2022-08-21T03:22:00Z Westgrass 40 Created page with "<img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/3.0>Creative Commons Attribution-ShareAlike 3.0 License</a> unless otherwise noted." wikitext text/x-wiki <img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/3.0>Creative Commons Attribution-ShareAlike 3.0 License</a> unless otherwise noted. f9861918ad88d42707a471f2b0935f8c60676259 0 4 5 2022-08-21T03:22:28Z Westgrass 40 Westgrass moved page [[Main Page]] to [[Outerverse Wiki]] wikitext text/x-wiki #REDIRECT [[Outerverse Wiki]] be559135d942353b59f9f857f52a1bb92a3b0894 8 5 6 2022-08-21T03:22:44Z Westgrass 40 Created page with "{{SITENAME}}" wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 14 6 9 2022-08-21T03:23:23Z Westgrass 40 Created page with " This is the root category for everything on The {{SITENAME}}." wikitext text/x-wiki This is the root category for everything on The {{SITENAME}}. c38d41dda1be98cfa65ebaaa59550f3e282052b7 12 9 2022-08-21T06:02:33Z Westgrass 40 wikitext text/x-wiki This is the root category for everything on The {{SITENAME}}. eaccd6ba79f8609ec20cb92a31a9468a40c7bfae 6 7 14 2022-08-24T11:34:23Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 17 14 2022-08-24T11:39:57Z Westgrass 40 Protected "[[File:Site-favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 8 15 2022-08-24T11:39:26Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 16 15 2022-08-24T11:39:36Z Westgrass 40 Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 18 16 2022-08-24T11:41:17Z Westgrass 40 Westgrass uploaded a new version of [[File:Site-logo.png]] wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 9 19 2022-08-24T11:43:00Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 20 19 2022-08-24T11:43:11Z Westgrass 40 Protected "[[File:Site-background.jpg]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 10 33 2022-08-24T12:35:39Z Westgrass 40 Created page with "/** * For language wikis, use * <code> mw.loader.load("https://outerverse.wiki.gg/load.php?lang=en&modules=site&only=scripts&skin=vector"); </code> * as the content of common.js to import from this script. * */ /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&&"undefined"..." javascript text/javascript /** * For language wikis, use * <code> mw.loader.load("https://outerverse.wiki.gg/load.php?lang=en&modules=site&only=scripts&skin=vector"); </code> * as the content of common.js to import from this script. * */ /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";var i="horizontal",n="vertical",e={init:function(t,n){var e=this;e.orientationProps=function(t){var n=t===i;return{ORIENTATION:t,SIZE:n?"width":"height",X_SIZE:n?"height":"width",OFFSET_SIZE:n?"offsetWidth":"offsetHeight",OFFSET_X_SIZE:n?"offsetHeight":"offsetWidth",CLIENT_SIZE:n?"clientWidth":"clientHeight",CLIENT_X_SIZE:n?"clientHeight":"clientWidth",INNER_X_SIZE:n?"innerHeight":"innerWidth",SCROLL_SIZE:n?"scrollWidth":"scrollHeight",SCROLL_POS:n?"scrollLeft":"scrollTop",START:n?"left":"top",X_START:n?"top":"left",X_END:n?"bottom":"right"}}(n);var o=t.closest(".fl-scrolls-body");o.length&&(e.scrollBody=o),e.container=t[0],e.visible=!0,e.initWidget(),e.updateAPI(),e.addEventHandlers(),e.skipSyncContainer=e.skipSyncWidget=!1},initWidget:function(){var i=this,n=i.orientationProps,e=n.ORIENTATION,o=n.SIZE,r=n.SCROLL_SIZE,c=i.widget=t('<div class="fl-scrolls" data-orientation="'+e+'"></div>');t("<div></div>").appendTo(c)[o](i.container[r]),c.appendTo(i.container)},addEventHandlers:function(){var i=this;(i.eventHandlers=[{$el:t(window),handlers:{"destroyDetached.fscroll":function(t){"fscroll"===t.namespace&&i.destroyDetachedAPI()}}},{$el:i.scrollBody||t(window),handlers:{scroll:function(){i.updateAPI()},resize:function(){i.updateAPI()}}},{$el:i.widget,handlers:{scroll:function(){i.visible&&!i.skipSyncContainer&&i.syncContainer(),i.skipSyncContainer=!1}}},{$el:t(i.container),handlers:{scroll:function(){i.skipSyncWidget||i.syncWidget(),i.skipSyncWidget=!1},focusin:function(){setTimeout((function(){i.widget&&i.syncWidget()}),0)},"update.fscroll":function(t){"fscroll"===t.namespace&&i.updateAPI()},"destroy.fscroll":function(t){"fscroll"===t.namespace&&i.destroyAPI()}}}]).forEach((function(t){var i=t.$el,n=t.handlers;return i.bind(n)}))},checkVisibility:function(){var t=this,i=t.widget,n=t.container,e=t.scrollBody,o=t.orientationProps,r=o.SCROLL_SIZE,c=o.OFFSET_SIZE,l=o.X_START,s=o.X_END,d=o.INNER_X_SIZE,a=o.CLIENT_X_SIZE,f=i[0][r]<=i[0][c];if(!f){var h=n.getBoundingClientRect(),u=e?e[0].getBoundingClientRect()[s]:window[d]||document.documentElement[a];f=h[s]<=u||h[l]>u}t.visible===f&&(t.visible=!f,i.toggleClass("fl-scrolls-hidden"))},syncContainer:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.widget[0][i];t.container[i]!==n&&(t.skipSyncWidget=!0,t.container[i]=n)},syncWidget:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.container[i];t.widget[0][i]!==n&&(t.skipSyncContainer=!0,t.widget[0][i]=n)},updateAPI:function(){var i=this,n=i.orientationProps,e=n.SIZE,o=n.X_SIZE,r=n.OFFSET_X_SIZE,c=n.CLIENT_SIZE,l=n.CLIENT_X_SIZE,s=n.SCROLL_SIZE,d=n.START,a=i.widget,f=i.container,h=i.scrollBody,u=f[c],S=f[s];a[e](u),h||a.css(d,f.getBoundingClientRect()[d]+"px"),t("div",a)[e](S),S>u&&a[o](a[0][r]-a[0][l]+1),i.syncWidget(),i.checkVisibility()},destroyAPI:function(){var t=this;t.eventHandlers.forEach((function(t){var i=t.$el,n=t.handlers;return i.unbind(n)})),t.widget.remove(),t.eventHandlers=t.widget=t.container=t.scrollBody=null},destroyDetachedAPI:function(){t.contains(document.body,this.container)||this.destroyAPI()}};t.fn.floatingScroll=function(o,r){if(void 0===o&&(o="init"),void 0===r&&(r={}),"init"===o){var c=r.orientation,l=void 0===c?i:c;if(l!==i&&l!==n)throw new Error("Scrollbar orientation should be either “horizontal” or “vertical”");this.each((function(i,n){return Object.create(e).init(t(n),l)}))}else Object.prototype.hasOwnProperty.call(e,o+"API")&&this.trigger(o+".fscroll");return this},t((function(){t("body [data-fl-scrolls]").each((function(i,n){var e=t(n);e.floatingScroll("init",e.data("flScrolls")||{})}))}))})); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * common Utilities */ var util = (function(){ var exports = { /* common l10n factory */ l10nFactory: function($lang, $data) { return function ($key) { return $data[$key] && ($data[$key][$lang] || $data[$key]['en']) || ''; }; } }; function throttle(t, e, o, n) { var r, i = !1, u = 0; function c() { r && clearTimeout(r) } function a() { for (var a = arguments.length, d = new Array(a), l = 0; l < a; l++) d[l] = arguments[l]; var f = this, v = Date.now() - u; function p() { u = Date.now(), o.apply(f, d) } function h() { r = void 0 } i || (n && !r && p(), c(), void 0 === n && v > t ? p() : !0 !== e && (r = setTimeout(n ? h : p, void 0 === n ? t - v : t))) } return "boolean" != typeof e && (n = o, o = e, e = void 0), a.cancel = function() { c(), i = !0 }, a } function debounce(t, e, o) { return void 0 === o ? throttle(t, e, !1) : throttle(t, o, !1 !== e) } exports.debounce = debounce; exports.throttle = throttle; return exports; })(); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * Handle wide tables * * Display a horizontal floating scroll bar when the table width exceeds the page width. */ $(function() { var TABLE_WIDE_CLASS = "table-wide"; var TABLE_WIDE_INNER_CLASS = "table-wide-inner"; var handleWideTables = function(tables) { var handler = util.debounce(100, (function() { if(!tables){ return; } tables.forEach(function(table) { var $table = $(table); if(!$table.data('container')){ $table.data('container', table.parentNode); } var container = $table.data('container'); if(!container){ return; } var $innerBox = $table.parent(); var $outerBox = $innerBox.parent(); var overwide = table.getBoundingClientRect().width > container.getBoundingClientRect().width; if($outerBox.hasClass(TABLE_WIDE_CLASS)){ if(overwide){ $innerBox.floatingScroll("update"); }else{ $outerBox.before($table).remove(); } }else{ if(overwide) { $('<div/>').addClass(TABLE_WIDE_INNER_CLASS).appendTo( $('<div/>').addClass(TABLE_WIDE_CLASS).insertBefore($table) ).append($table).floatingScroll("init").floatingScroll("update"); } } }); })); handler(); window.addEventListener("resize", handler); }; var isEditorActive = function() { var e = new URLSearchParams(window.location.search); return "edit" === e.get("action") || "submit" === e.get("action") || ("edit" === e.get("veaction") || "submit" === e.get("veaction") || "editsource" === e.get("veaction")); } mw.hook("wikipage.content").add(function() { if (!isEditorActive()) { var el = document.querySelector("#bodyContent"); if (el) { handleWideTables(el.querySelectorAll("table")); } } }); }); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * Make sidebar sections collapsible */ $(function(){ $panel = $('#mw-panel'); $("#mw-panel .portal").each(function(index, el){ var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // for < 1366px $el.removeClass('expanded'); // for >= 1366px if(localStorage.getItem('sidebar_c_'+$id) === "y"){ $el.addClass('collapsed').find('.body').slideUp(0); } }); $("#mw-panel .portal").on("click", "h3", function(event){ var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } event.stopPropagation(); if($panel.width() < 200){ $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.body').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.body').slideDown('fast'); } } else{ $("#mw-panel .portal").not($el).removeClass('expanded'); $el.toggleClass('expanded'); } }); }); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * image size fix for <gallery> */ $(function(){ $(".mw-gallery-traditional .thumb").each(function(){ var $this = $(this); /* $this.css('display', 'flex'); // do this in common.css: .mw-gallery-traditional .thumb{ display: flex; } */ $this.css('height', $this.height()+'px').find('>div').css('margin', 'auto'); var $img = $this.find('img').first(); if(!$img.length){ return; } var $width = $img.attr('width') - 0; //cast to number. var $filewidth = $img.attr('data-file-width') - 0; if($filewidth < $width){ var $fileheight = $img.attr('data-file-height'); if( $filewidth * 2 > $width){ $img.attr({'width': $filewidth, 'height': $fileheight}); }else{ $img.attr({'width': $filewidth*2, 'height': $fileheight*2}); } } }); }); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * login status mark */ $(function(){ if(mw.config.get("wgUserName") !== null){ $('body').addClass('logged-in'); } }); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /** * Content box customization */ $(function() { /* Disable triggering of new browser tab when clicking URL links that point to internal wiki addresses (purge, edit, etc) */ $('a[href^="//outerverse.wiki.gg/"]').removeAttr('target'); /* Hyperlink required modules in Module namespace */ // Author: RheingoldRiver if (mw.config.get('wgCanonicalNamespace') === 'Module') { $('.s1, .s2').each(function () { var html = $(this).html(); // the module name is surrounded by quotes, so we have to remove them var quote = html[0]; var quoteRE = new RegExp('^' + quote + '|' + quote + '$', 'g'); var name = html.replace(quoteRE, ""); // remove quotes // link the module name if (name.startsWith("Module:")) { var target = encodeURIComponent(name); var url = mw.config.get('wgServer') + mw.config.get('wgScript') + '?title=' + target; $(this).html(quote + '<a href="' + url + '">' + name + '</a>' + quote); } }); } }); 76cf2c1a9e61d6ab82e21affbe77a4fd3e646cd0 8 11 42 2022-08-25T10:28:04Z Westgrass 40 Created page with " * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Portals ** https://www.freedom.gg/outerverse | Official Website ** https://twitter.com/freedomgamesgg | Outerverse on Twitter ** https://www.facebook.com/freedomgamesgg/ | Outerverse on Facebook ** https://www.youtube.com/channel/UCF6Ux007k7BGAq5JfL7clzA | Outerverse on YouTube ** https://discord.gg/ArbwDv8eqM | Outerverse on Discord ** https://store.steampowe..." wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Portals ** https://www.freedom.gg/outerverse | Official Website ** https://twitter.com/freedomgamesgg | Outerverse on Twitter ** https://www.facebook.com/freedomgamesgg/ | Outerverse on Facebook ** https://www.youtube.com/channel/UCF6Ux007k7BGAq5JfL7clzA | Outerverse on YouTube ** https://discord.gg/ArbwDv8eqM | Outerverse on Discord ** https://store.steampowered.com/app/1293540/Outerverse/ | Outerverse on Steam * SEARCH * TOOLBOX * LANGUAGES 1b38d2d5060b5b0050893f258a876092320b56d7 43 42 2022-08-25T10:42:23Z Westgrass 40 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Portals ** https://www.freedom.gg/outerverse | Official Website ** https://twitter.com/OuterverseGame | Outerverse on Twitter ** https://discord.gg/3ZGvqnZwrT | Outerverse on Discord ** https://store.steampowered.com/app/1293540/Outerverse/ | Outerverse on Steam * SEARCH * TOOLBOX * LANGUAGES 057870f82a78870d9a35ad4dada6db90eef90d4a 6 12 45 2022-08-25T10:48:41Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 13 50 2022-08-25T11:30:18Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 14 51 2022-08-25T11:31:02Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 1 52 49 2022-08-25T11:31:24Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.jpg]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.png]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 6e7a36ee99f61f0d225ad82620717e60a87d0190 54 52 2022-08-25T11:32:49Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.jpg|400px]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.png|400px]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box trailer"><!-- --><h2>Screenshots</h2><!-- --><div><!-- -->[[File:Screenshot1.jpg]]<!-- -->[[File:Screenshot2.jpg]]<!-- -->[[File:Screenshot3.jpg]]<!-- -->[[File:Screenshot4.jpg]]<!-- --></div><!-- --><p>[[Screenshots|More scrrenshots...]]</p><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 505516a240640d8b78de4f93f862db80c5869a35 58 54 2022-08-25T11:44:59Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and weapons, travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a base to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.jpg|400px]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the tech tree to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, spaceships, and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock warping and travel to new systems!</p><!-- -->[[File:feature6.png|400px]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- PLANETS, BIOMES, CAVES, CREATURES, RESOURCES --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>Planet</li><!-- --><li>Biome</li><!-- --><li>Cave</li><!-- --><li>Creature</li><!-- --><li>Resource</li><!-- --><li>Block</li><!-- --><li>Item</li><!-- --><li>workbench</li><!-- --><li>Machine</li><!-- --><li>Farm</li><!-- --><li>Creatures farm</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] ecb31140b58cdd298eef495bb5551791818d0ffc 59 58 2022-08-25T11:48:25Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course! (Or just for decoration)</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] e9dfcd877dbb77ff8006ab7fdbe49dc1cc666c84 68 59 2022-08-25T12:08:03Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 59b4b83bac31d8ab0683590ca2564e2a1294a768 71 68 2022-08-25T12:12:09Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 64a9cd8670f734e24b57ce07dd3c2bd2ee38c4aa 72 71 2022-08-25T12:13:05Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><br/><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore biomes and caves on procedurally generated planets and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine resources and hunt creatures on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 6be040f47f8522916ad15a0fe12c5a6bcb1ea4de 75 72 2022-08-25T12:16:23Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><br/><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore [[biome]]s and [[cave]]s on procedurally generated [[planet]]s and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine [[resource]]s and hunt [[creature]]s on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 335889700f862f31c04fe8b66e58ee33b9777071 76 75 2022-08-25T12:18:32Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><br/><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore [[biome]]s and [[cave]]s on procedurally generated [[planet]]s and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine [[resource]]s and hunt [[creature]]s on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><div><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul></div><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] d2060b45979ba12d58e2d6c7c5b3db8d4b1f4635 84 76 2022-08-25T12:34:21Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap a"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><br/><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore [[biome]]s and [[cave]]s on procedurally generated [[planet]]s and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine [[resource]]s and hunt [[creature]]s on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><div><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul></div><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 6ac08b6d43d8931189164a3bf5bb2b8affa60302 88 84 2022-08-25T12:40:22Z Westgrass 40 wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap a"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.freedom.gg/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore [[biome]]s and [[cave]]s on procedurally generated [[planet]]s and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine [[resource]]s and hunt [[creature]]s on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><div><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul></div><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] 2c9443470efbe6933de3e6bf721ff52729694189 6 15 53 2022-08-25T11:31:56Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 16 55 2022-08-25T11:33:14Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 17 56 2022-08-25T11:33:59Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 18 57 2022-08-25T11:34:13Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 2 60 46 2022-08-25T11:53:47Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.intro { display: flex; flex-direction: column; gap: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a > div { display: flex; flex-direction: column; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ badaf4aefec5f005c563543566e846820920d286 61 60 2022-08-25T11:55:19Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { margin: 0 0 0 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { flex: 1 1 auto; display: flex; align-items: flex-end; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic img { width: 100% !important; height: auto !important; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.b { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; margin-top: 1em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul { margin: 1em 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5em; list-style: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul a, body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.gallery ul img { display: block; width: 100% !important; height: auto !important; } @media screen and (max-width: 1600px) and (min-width: 1025px), screen and (max-width: 820px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div.a { grid-template-columns: 1fr; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature div.pic { display: none; } } @media screen and (max-width: 1024px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap .r { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: block; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: inline-block; } } /* screen and (max-width: 1024px) */ @media screen and (max-width: 480px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature > div { grid-template-columns: 1fr; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ d0b999d13319916c75bf7669d380daaf3850110c 62 61 2022-08-25T11:57:00Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0 0 0 1em; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ ec802ec2a8f36b7a5ee696467543ae52f60b5e9d 63 62 2022-08-25T11:58:38Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0 0 0 1em; display: flex; flex-wrap: wrap; gap: 10px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ e8b7e92e26d7f9c3668acd01fd657c140135617b 64 63 2022-08-25T12:00:41Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0 0 0 1em; display: flex; flex-wrap: wrap; gap: 10px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin-top: 0; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 2; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ d72fa44197e145a24bdd5ca474906f4b31bc7978 65 64 2022-08-25T12:02:53Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0 0 0 1em; display: flex; flex-wrap: wrap; gap: 10px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin-top: 0; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 2; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 692f66a20f83104303e5856b0ba8cbe61792249b 66 65 2022-08-25T12:06:20Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02); } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin-top: 0; order: 2; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 2; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 1d6082bb87fff6de835d9be1754e0d126dfebb19 67 66 2022-08-25T12:07:37Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin-top: 0; order: 2; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 496a75fa98c624859d054a62c15e9e73c682a620 69 67 2022-08-25T12:09:15Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; gap: 8px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 0 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 50b8da1f9f2871f7280ebf0dbaa49a4573b5c6a4 70 69 2022-08-25T12:10:16Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 139c2bbae32fcca9998a42d892ab86d1e0834174 73 70 2022-08-25T12:14:04Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 2 2 500px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 5 5 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ b03e6b382c2289149bc5e31e3964762a93d09406 74 73 2022-08-25T12:15:15Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 7118c7d11c6b96bb1376a4b42fde73de3f6677e3 77 74 2022-08-25T12:19:22Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 210e9342d17b43512b6a91a048431fd3f3132db5 78 77 2022-08-25T12:21:51Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; justify-content: center; align-items: center; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ ae2bac3387e8f3ebf788dbb287c9c39218dc2918 79 78 2022-08-25T12:22:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 1 1 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 3 3 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ c93549d2203d319510d383ba9bf9b1f15fc6be21 80 79 2022-08-25T12:27:10Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 400px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ f8583b3d4fd99ece5d761da3dc14070763471287 81 80 2022-08-25T12:29:43Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 40%; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 56a2e85233fd2f4a42c48858712431c8c5fe28ad 82 81 2022-08-25T12:30:30Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 40%; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 2 2 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ a77a6e9f7b0ed20dd953aefb8c8f849261ca0bae 83 82 2022-08-25T12:32:40Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ bfe101c51a2429698493f6383081bdbbdeaa2b50 85 83 2022-08-25T12:35:06Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 0890562741155b49af4fc8c2798e2f1c502bf881 86 85 2022-08-25T12:35:57Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 1bd932bb08fd7639d8c8d9842b5d1f53ec864ec5 87 86 2022-08-25T12:38:45Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 5a4330088428e1cd8a52283740a72dac8ff6e300 89 87 2022-08-25T12:40:50Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .box { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 2fef809f58d6a4ec5b3f4186f29e0f857f9f2a21 90 89 2022-08-25T12:45:20Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 3e166197297d5330dcc207ad9e4e844e8de000f0 91 90 2022-08-25T12:46:16Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 1em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 5f3f29fa2953171d36f0e493a754450ae7a38975 92 91 2022-08-25T12:46:46Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 41c75340b9a83eae6d781d24c13fceb0c74d95b0 93 92 2022-08-25T12:48:08Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 9afc4d5f7e24b469fe5b193e41c8b70285d59929 94 93 2022-08-25T12:49:31Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: unset; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: unset; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ a2ca832021ccfaf46de3a77a461b531f7b326e1d 95 94 2022-08-25T12:50:15Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .about { flex: unset; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ c460a68accb1eccb9358ab7569626d0fe89bd31c 96 95 2022-08-25T12:51:08Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .about { flex: unset; } } @media (max-width: 540px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 85%; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ af60418ae8ea119733bf2b72a09a7be33199bddd 97 96 2022-08-25T12:52:47Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .about { flex: unset; } } @media (max-width: 540px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 85%; } } @media (max-width: 410px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: block; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ bff455e4c972e199dd331d4402ad4e3032399703 98 97 2022-08-25T12:53:29Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal h3::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal h3:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed h3 { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed h3::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown h3, .vector-menu-dropdown h3 span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + h3 { z-index: 0; } .vectorMenuCheckbox:focus + h3 { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown h3:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover h3 span, div.vector-menu-dropdown.open h3 span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown h3 { padding: 0; margin: 0; } .vector-menu-dropdown h3::after { display: none; } .vector-menu-dropdown h3 span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after, .vector-menu-dropdown:hover h3 span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded h3, #mw-panel .portal.expanded h3, #mw-panel #p-logo + .portal:hover h3, #mw-panel .portal:hover h3 { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal h3::after { margin-left: 4px; } #mw-panel div.portal h3::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal h3, #mw-panel .portal h3 { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal h3::after, #mw-panel .portal.collapsed h3::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded h3::after, #mw-panel div.portal:hover h3::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown h3 span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown h3 span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover h3 span::before, div.vector-menu-dropdown.open h3 span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions h3 span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal h3::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .about { flex: unset; } } @media (max-width: 540px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 85%; } } @media (max-width: 410px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: block; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0.5em auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 17d37e032baa6220de16f14a70cfee86aefb89a8 10 19 99 2022-08-25T12:54:09Z Westgrass 40 Created page with "<div class="hat-note" style="border: 1px solid #993333;background: #eee;padding: 0.5em;">[[File:Edit-clear.svg|24px|link=]] This content is a [[:Category:Stubs|stub]]. You can help by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. </div> <includeonly>{{{category|[[Category:Stubs]]}}}</includeonly><noinclude> == Usage == <nowiki>{{stub}}</nowiki> </noinclude>" wikitext text/x-wiki <div class="hat-note" style="border: 1px solid #993333;background: #eee;padding: 0.5em;">[[File:Edit-clear.svg|24px|link=]] This content is a [[:Category:Stubs|stub]]. You can help by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. </div> <includeonly>{{{category|[[Category:Stubs]]}}}</includeonly><noinclude> == Usage == <nowiki>{{stub}}</nowiki> </noinclude> 96ff7c2e988db4cce7297301e6024707e0d41d5f 6 20 100 2022-08-25T12:55:49Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 21 101 2022-08-25T12:58:06Z Westgrass 40 Created page with "{{stub}} {{InfoboxGame |title= |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://www.freedom.gg Freedom Games] |release= |platform=PC }} '''Outerverse''' is a quest-driven, crafting automation adventure game." wikitext text/x-wiki {{stub}} {{InfoboxGame |title= |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://www.freedom.gg Freedom Games] |release= |platform=PC }} '''Outerverse''' is a quest-driven, crafting automation adventure game. 864f66565c24f07665bdb7a6caa258f77ae062e5 123 101 2024-05-05T04:36:17Z JustLeafy 396175 wikitext text/x-wiki {{stub}} {{DISPLAYTITLE:''Outerverse''}} {{InfoboxGame |title=''Outerverse'' |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://www.freedom.gg Freedom Games] |release=29 August 2022 |platform=PC }} '''''Outerverse''''' is a voxel-style, quest-driven, crafting automation adventure game developed by Tbjbu2 and published by Freedom Games. It was released on Steam for Microsoft Windows on 29 August 2022. == Premise == "'' Build automated machines and weapons across the universe, beat massive bosses, experience cosmic events and explore unique landmarks in this quest driven automation crafting adventure game. Includes a manual scenario for crafting instead of machines for those not a fan of logic/automation!''" '''~ Official Steam description''' == External links == *[https://store.steampowered.com/app/1293540 Outerverse on Steam] 68117cd79f9cb406d157c37d2b3fe6ff7614a094 124 123 2024-05-05T04:36:27Z JustLeafy 396175 wikitext text/x-wiki {{stub}} {{DISPLAYTITLE:''Outerverse''}} {{InfoboxGame |title=''Outerverse'' |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://www.freedom.gg Freedom Games] |release=29 August 2022 |platform=PC }} '''''Outerverse''''' is a voxel-style, quest-driven, crafting automation adventure game developed by Tbjbu2 and published by Freedom Games. It was released on Steam for Microsoft Windows on 29 August 2022. == Premise == "''Build automated machines and weapons across the universe, beat massive bosses, experience cosmic events and explore unique landmarks in this quest driven automation crafting adventure game. Includes a manual scenario for crafting instead of machines for those not a fan of logic/automation!''" '''~ Official Steam description''' == External links == *[https://store.steampowered.com/app/1293540 Outerverse on Steam] 81097b87d54dbc25dec36c2fa737904e0ebe2c9e 125 124 2024-07-10T06:16:29Z JustLeafy 396175 wikitext text/x-wiki {{stub}} {{DISPLAYTITLE:''Outerverse''}} {{InfoboxGame |title=''Outerverse'' |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://indie.io indie.io] |release=29 August 2022 |platform=PC }} '''''Outerverse''''' is a voxel-style, quest-driven, crafting automation adventure game developed by Tbjbu2 and published by Freedom Games. It was released on Steam for Microsoft Windows on 29 August 2022. == Premise == "''Build automated machines and weapons across the universe, beat massive bosses, experience cosmic events and explore unique landmarks in this quest driven automation crafting adventure game. Includes a manual scenario for crafting instead of machines for those not a fan of logic/automation!''" '''~ Official Steam description''' == External links == *[https://store.steampowered.com/app/1293540 Outerverse on Steam] 68de008b63e0f9a7ade36ecbe0d8ff23acd75c4d 126 125 2024-07-18T20:25:57Z Bot4401 45109 Automated licencing updates wikitext text/x-wiki {{stub}} {{DISPLAYTITLE:''Outerverse''}} {{InfoboxGame |title=''Outerverse'' |image=keyart.jpg |caption=Game keyart |developer=Tbjbu2 |publisher=[https://indie.io indie.io] |release=29 August 2022 |platform=PC }} '''''Outerverse''''' is a voxel-style, quest-driven, crafting automation adventure game developed by Tbjbu2 and published by indie.io. It was released on Steam for Microsoft Windows on 29 August 2022. == Premise == "''Build automated machines and weapons across the universe, beat massive bosses, experience cosmic events and explore unique landmarks in this quest driven automation crafting adventure game. Includes a manual scenario for crafting instead of machines for those not a fan of logic/automation!''" '''~ Official Steam description''' == External links == *[https://store.steampowered.com/app/1293540 Outerverse on Steam] bdd5b3a1f61fa30ebe03c15c627719e2926802da 10 22 102 2022-08-25T12:58:28Z Westgrass 40 Created page with "<includeonly><infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="developer"> <label>Developer</label> </data> <data source="publisher"> <label>Publisher</label> </data> <data source="release"> <label>Release date</label> </data> <data source="platform"> <label>Platform</label> </data> </infobox></includeonly> <noinclude> Usage:<p..." wikitext text/x-wiki <includeonly><infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="developer"> <label>Developer</label> </data> <data source="publisher"> <label>Publisher</label> </data> <data source="release"> <label>Release date</label> </data> <data source="platform"> <label>Platform</label> </data> </infobox></includeonly> <noinclude> Usage:<pre> {{InfoboxGame |title= |image= |caption= |developer= |publisher= |release= |platform= }} </pre> [[Category:Infobox templates]]</noinclude> 73a6ccdacd364fc12b0ff685b46a9faa0e0490c2 6 23 103 2022-08-25T12:59:35Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 24 104 2022-08-25T13:01:17Z Westgrass 40 Created page with "{{stub}} There are 6 massive Titans in [[Outerverse]], each one unique and with a special mechanic to defeat. Shoot fireballs at the [[Tree Titan]], launch rockets into the [[Rock Titan]], build lasers to obliterate the [[Negative Titan]], all that and more!" wikitext text/x-wiki {{stub}} There are 6 massive Titans in [[Outerverse]], each one unique and with a special mechanic to defeat. Shoot fireballs at the [[Tree Titan]], launch rockets into the [[Rock Titan]], build lasers to obliterate the [[Negative Titan]], all that and more! 3dd3d31f71feb8de6b310553e2c4fd1f3b4f0202 0 25 105 2022-08-25T13:01:45Z Westgrass 40 Created page with "{{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy." wikitext text/x-wiki {{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy. 505c0d83e6a55e8a70c56a8a436bb2f80c0039b7 0 26 106 2022-08-25T13:01:51Z Westgrass 40 Created page with "{{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy." wikitext text/x-wiki {{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy. 505c0d83e6a55e8a70c56a8a436bb2f80c0039b7 0 28 108 2022-08-25T13:02:17Z Westgrass 40 Created page with "{{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy." wikitext text/x-wiki {{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy. fa09ac8e03362fa624952ab618ddd8e236a5421e 0 29 109 2022-08-25T13:02:22Z Westgrass 40 Created page with "{{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy." wikitext text/x-wiki {{stub}} Different planets have different biomes, caves, creatures, resources, and more! All based on the system's position in the galaxy. fa09ac8e03362fa624952ab618ddd8e236a5421e 0 30 110 2022-08-25T13:03:42Z Westgrass 40 Created page with "{{stub}} You can build fully customizable spaceships." wikitext text/x-wiki {{stub}} You can build fully customizable spaceships. 9cff13cc583efc3dfb66a09ec9126966a88de5e6 0 31 111 2022-08-25T13:04:49Z Westgrass 40 Created page with "{{stub}} '''Warping''' is an unlockable technology in the game." wikitext text/x-wiki {{stub}} '''Warping''' is an unlockable technology in the game. ffab0b7f63e0274876aab88d06947db3c985fb0e 0 32 112 2022-08-25T13:05:18Z Westgrass 40 Created page with "{{stub}} '''Machine''' example: build an automated forge to smelt ores, then automate the fire dispensing, smelted ore breaking, and collecting." wikitext text/x-wiki {{stub}} '''Machine''' example: build an automated forge to smelt ores, then automate the fire dispensing, smelted ore breaking, and collecting. 614355a7c85aa28a3750d4b22b6e387fcf88c2ed 0 33 113 2022-08-25T13:05:34Z Westgrass 40 Created page with "{{stub}} '''Farm''' example: build farmland to grow crops, then automate the crops' bone mealing, harvesting, and collecting." wikitext text/x-wiki {{stub}} '''Farm''' example: build farmland to grow crops, then automate the crops' bone mealing, harvesting, and collecting. 80e1f0e47d259db3c87d56ed55ebaa1c73200f18 0 34 114 2022-08-25T13:05:54Z Westgrass 40 Created page with "{{stub}} '''Creatures farm''' example: build spawning platforms in a cave and light up caves around it to spawn creatures efficiently, then automate their moving, killing, and collecting." wikitext text/x-wiki {{stub}} '''Creatures farm''' example: build spawning platforms in a cave and light up caves around it to spawn creatures efficiently, then automate their moving, killing, and collecting. 77af609eec343f34e2bd4cc8adec11943cf9320a 8 35 115 2022-09-04T17:45:46Z Stygies VIII 43156 Created page with "Official {{SITENAME}}" wikitext text/x-wiki Official {{SITENAME}} c2d59ee45ea02d10b205a5d70873df285c4a3f46 8 36 116 2022-09-04T17:46:16Z Stygies VIII 43156 Created page with "$1 - Official {{SITENAME}}" wikitext text/x-wiki $1 - Official {{SITENAME}} 57033220011e307a12da880f313762b28dee374e 8 2 118 98 2022-12-14T22:29:31Z Pcj 1919 1.39 prep css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem */ } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body { background: none; } /*# sourceMappingURL=reset.css.map */ /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /*** Wiki.gg site bars tweak ***/ div#p-personal ul { white-space: nowrap; /* for "log out" */ } #p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a { padding-top: 0; background-position: left center; } /*** responsive ***/ @media screen and (max-width: 720px) { footer#wikigg-footer .footer-right { margin-left: 0; } footer#wikigg-footer .footer-left { margin-right: 0; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { footer#wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } footer#wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } footer#wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } footer#wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } } /* screen and (max-width:600px) */ /*# sourceMappingURL=gg.css.map */ /*** vars, for theming ***/ :root { --theme-hover-color: #3abccb; --theme-text-color-placeholder: #999; --theme-control-text-color: #424242; --theme-control-text-color-hover: #fff; /* for wide table */ --theme-wide-table-shadow-color: #999; /*** text color ***/ --theme-text-color: #1a1a1a; --theme-text-color-note: rgb(133, 133, 133); --theme-text-color-em: #1b99a8; --theme-heading-color: #424242; /*** link text color ***/ --theme-link-color: #1b99a8; --theme-link-color-hover: #3abccb; --theme-link-color-visited: #1b99a8; --theme-link-color-redlink: #bf0017; /*** body background ***/ --theme-site-background: #000 url(/images/8/80/Site-background.jpg) right bottom / cover no-repeat fixed; --theme-site-background2: var(--theme-site-background); --theme-site-background3: var(--theme-site-background); /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 171px; --theme-site-logo-height: 134px; /* sidebar/content common */ --theme-box-border-width: 2px; --theme-box-border-radius: 8px; /* common */ --theme-border-color:#3abccb; --theme-highlight-background: rgba(125, 223, 232, 0.4); --theme-button-background: #f19f5e; --theme-button-border-color: #f19f5e; --theme-button-background-active: rgb(245,188,143); --theme-button-border-color-active: rgb(245,188,143); /*** sidebar ***/ --theme-sidebar-box-background: #fff; --theme-sidebar-box-border-style: var(--theme-box-border-style); --theme-sidebar-box-border-width: var(--theme-box-border-width); --theme-sidebar-box-border-color: var(--theme-box-border-color); --theme-sidebar-box-shadow: var(--theme-box-shadow); --theme-sidebar-heading-text-color: var(--theme-heading-color); --theme-sidebar-heading-arrow-color: var(--theme-text-color); --theme-sidebar-heading-arrow-color-hover: var(--theme-hover-color); --theme-sidebar-heading-background: none; --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* following 3 values will affect the space between the heading and the list */ --theme-sidebar-heading-border-bottom: 0; --theme-sidebar-list-border-top: 1px solid #3abccb; /* will be hidden when collapsed */ --theme-sidebar-list-padding-top: 4px; --theme-sidebar-list-item-background: none; --theme-sidebar-list-item-hover-mask: var(--theme-highlight-background); --theme-sidebar-list-item-text-color: var(--theme-text-color); --theme-sidebar-list-item-text-color-hover: var(--theme-text-color); /* responsive */ --theme-sidebar-dropdown-background: #fff; --theme-sidebar-dropdown-border: 1px solid #3abccb; /*** navbar ***/ --theme-navbar-background: rgb(255,255,255); --theme-navbar-border-width: 0 0 1px; --theme-navbar-border-style: solid; --theme-navbar-border-color: #3abccb; --theme-navbar-tab-background: none; --theme-navbar-tab-box-shadow: none; --theme-navbar-tab-text-color: var(--theme-text-color); --theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color); --theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color); --theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color); --theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink); --theme-navbar-tab-border-color: #3abccb; --theme-navbar-tab-background-hover: #fff; --theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-background: #fff; --theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-selected-border-bottom-corner-color: var(--theme-navbar-tab-border-color); --theme-navbar-tab-dropdown-arrow-color: var(--theme-text-color); --theme-navbar-tab-dropdown-arrow-color-hover: var(--theme-hover-color); --theme-navbar-tab-dropdown-background: #fff; --theme-navbar-tab-dropdown-border-color: var(--theme-border-color); --theme-navbar-tab-dropdown-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); --theme-navbar-tab-dropdown-hover-mask: var(--theme-highlight-background); --theme-navbar-search-box-shadow: none; --theme-navbar-search-input-background: rgba(255,255,255); --theme-navbar-search-input-border-color: var(--theme-border-color); --theme-navbar-search-input-text-color: inherit; --theme-navbar-search-button-background: #7ddfe8; --theme-navbar-search-botton-border-color: var(--theme-border-color); --theme-navbar-search-botton-text-color: var(--theme-text-color); --theme-navbar-search-button-background-active: #7ddfe8; --theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color); --theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color); --theme-navbar-search-suggestions-background: #fff; --theme-navbar-search-suggestions-border-color: var(--theme-border-color); --theme-navbar-search-suggestions-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em); --theme-navbar-search-suggestions-hover-mask: var(--theme-highlight-background); --theme-navbar-search-suggestions-results-border-bottom-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */ --theme-navbar-search-suggestions-special-border-top-color: var(--theme-border-color); --theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color); --theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color); /* responsive */ --theme-navbar-search-background: #fff; /*** content box ***/ --theme-content-background: #fff; --theme-content-border-width: 0px var(--theme-box-border-width); --theme-content-border-style: var(--theme-box-border-style); --theme-content-border-color: var(--theme-box-border-color); --theme-content-subpage-icon-color: rgba(0,0,0, 0.3); /* color for "<" */ --theme-content-heading-rule-border-top: 0; /* border */ --theme-content-heading-rule-border-bottom: 0; /** category: box **/ --theme-content-category-background: none; --theme-content-category-border-style: solid; --theme-content-category-border-width: 1px; --theme-content-category-border-radius: 0; --theme-content-category-border-color: #3abccb; /*** #footer ***/ --theme-footer-text-color: #333; --theme-footer-background: #7ddfe8; --theme-footer-link-color: #247C86; --theme-footer-link-color-hover: #fff; /** notification **/ --theme-notice-red-text-color: #bf0017; --theme-notice-orange-text-color: #cf721c; /******* "real" wiki content ********/ --theme-widget-toc-arrow-color: var(--theme-text-color); --theme-widget-toc-arrow-color-hover: var(--theme-hover-color); --theme-widget-toc-item-hover-background: var(--theme-highlight-background); --theme-collapsible-toggle-icon-color: var(--theme-text-color); --theme-collapsible-toggle-icon-color-hover: var(--theme-hover-color); } /*# sourceMappingURL=theme.css.map */ /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /**** base styles START ***********************************************************/ /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ html { overflow-y: scroll; } /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; color: var(--theme-heading-color); } body { font-size: 14px; } .vector-body { font-size: unset; } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* -------------------------------------------------------- */ /* Tables */ /* -------------------------------------------------------- */ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } /*** "terraria"-classed tables ***/ table.olo { border: 2px solid transparent; margin: calc(0.5em + 5px) 5px; box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color); border-radius: 3px; /* (border radius of .olo box) - 3px */ } table.olo.noborder { padding: 0; border: 0; } table.olo th, table.olo td { padding: 3px 6px; border-color: var(--theme-border-color); border-style: solid; border-width: 0; } table.olo th { background: var(--theme-highlight-background); border-color: var(--theme-border-color); text-align: center; } table.olo caption { font-weight: bold; background: var(--theme-highlight-background); padding: 5px; margin: auto 2px; } table.olo > caption { padding: 3px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: 1px 1px -4px; border-bottom-width: 1px; box-shadow: 0 0 0 1px var(--theme-highlight-background); position: relative; } table.olo > caption:after { box-sizing: content-box; content: ""; display: block; width: 100%; height: 1px; background: var(--theme-highlight-background); position: absolute; left: -4px; bottom: -2px; border-left: 4px solid var(--theme-box-background-color); border-right: 4px solid var(--theme-box-background-color); } table.olo > caption.plaincaption { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 4px; } table.olo > caption.plaincaption:after { background: transparent; border: 0; } table tfoot:empty, table thead:empty { display: none; } /* Auto line separators for tables */ table.olo.lined { padding-bottom: 0; /*display: inline-table;*/ } table.olo.lined td { border-width: 0; border-bottom-width: 1px; } table.olo.lined::after { content: ""; display: block; height: 3px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 3px; background-color: var(--theme-box-background-color); } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } table.olo.cellborder, table.olo.border { border-spacing: 0; padding: 4px 4px 4px 3px; position: relative; } table.olo.cellborder::before, table.olo.border::before { content: ""; display: block; width: 1px; height: calc(100% - 6px); background-color: var(--theme-box-background-color); position: absolute; left: 4px; top: 3px; } table.olo.cellborder td, table.olo.border td { border-left-width: 1px; border-bottom-width: 1px; } table.olo.cellborder th, table.olo.border th { border-left-width: 2px; border-top-width: 2px; } table.olo.cellborder tr:first-of-type th, table.olo.border tr:first-of-type th { border-top: 0; } table.olo.cellborder::after, table.olo.border::after { content: ""; display: block; height: 1px; width: calc(100% - 6px); position: absolute; left: 3px; bottom: 5px; background-color: var(--theme-box-background-color); } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-box-background-color); } /* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */ @media screen and (max-width: 1520px) and (min-width: 1350px) { .with-siderail table.olo .i { white-space: normal; } .with-siderail table.olo th { font-size: 90%; } .with-siderail table.olo td:not(.il1c) img { max-width: 100%; height: auto; } } .olo th { border-bottom: 1px solid; } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } /* .jquery-tablesorter th.headerSort{ border: 1px solid var(--theme-border-color); } */ table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } table.olo caption { border-width: 1px; border-style: solid; border-top-color: rgb(255, 255, 255, 0.1); border-right-color: rgb(13, 4, 2, 0.5); border-bottom-color: rgb(13, 4, 2, 0.5); border-left-color: rgb(255, 255, 255, 0.1); border-radius: 8px; } table.olo { /*display: inherit;*/ width: auto; } .olo.sortable.lined.align-center.jquery-tablesorter { /*width: min-content;*/ } #possible-modifiers-table, .olo.lined.sortable.jquery-tablesorter, .olo.lined { width: auto; } /*# sourceMappingURL=table.css.map */ /**** base styles END ***********************************************************/ /*# sourceMappingURL=baseStyle.css.map */ /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ #content, #firstHeading, .infocard .main-heading .hgroup, h1, h2, h3, h4, h5, h6, div.hat-note.t-main, .npc.infobox .section.statistics .title, .npc.infobox.c-expert .section .title, .npc.infobox.c-master .section .title, #contentSub, #contentSub2, .search-types .current a, .infobox > .title > span, code, .trw-toggleable.not-toggled.achievements .achievement b * { color: var(--theme-text-color); } .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { background-color: var(--theme-box-background-color); border-color: var(--theme-box-border-color); color: var(--theme-text-color); } /*# sourceMappingURL=base.css.map */ /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --main-layout-logo-box-height: 120px; --main-layout-logo-offset: 12px; --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ --main-layout-sidebar-width: 160px; /* width of side navbar, without gap */ --main-layout-sidespace: 24px; /* whitespace width on most left and most right */ --main-layout-gap: 12px; --main-layout-logo-height: calc( var(--theme-site-logo-height) + 30px); --main-box-border-radius: 5px; --main-inner-box-border-radius: calc(var(--main-box-border-radius) - var(--theme-box-border-width)); --main-box-padding: 12px; background: var(--theme-site-background); /* Removes second vertical scrollbar(mw 1.37 fix) */ overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */ } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: var(--main-layout-topbar-height); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0, 1fr) [content-right] var(--main-layout-sidespace) [body-right]; grid-template-rows: [body-start] calc(var(--main-layout-topbar-height) + var(--main-layout-sidespace) + var(--main-layout-gap)) [page-start nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; gap: 0 var(--main-layout-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; margin-bottom: var(--main-layout-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; margin: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; background: none; box-sizing: border-box; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { width: 100%; height: var(--main-layout-logo-box-height); left: 0; top: var(--main-layout-topbar-height); background: var(--theme-site-logo-image) center center/100% auto no-repeat; display: flex; align-items: center; justify-content: center; padding: 0 var(--main-layout-logo-offset); margin-left: calc(0px - var(--main-layout-logo-offset)); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: 100%; height: var(--main-layout-logo-box-height); margin: auto; background: none; /* logo flicker fix (Override background image set in internal css) */ } /**** Main Layout END ***********************************************************/ /*# sourceMappingURL=layout.css.map */ /**** side panel START ***********************************************************/ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--theme-text-color); } #mw-panel a { text-decoration: none; } /* sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { margin: var(--main-layout-gap) 0 0 0; padding: 0; color: var(--theme-sidebar-heading-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 6px 12px; border-bottom: var(--theme-sidebar-heading-border-bottom); border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0; background: var(--theme-sidebar-heading-background); font-size: 15px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-color); font-family: trend-sans-w00-four, sans-serif; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-sidebar-heading-arrow-color) transparent; border-width: 0 5px 6px 5px; margin-top: 4px; vertical-align: middle; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading { border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal.collapsed .vector-menu-heading::after { border-width: 6px 5px 0 5px; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-sidebar-list-border-top); } #mw-panel .portal .body ul { padding: var(--theme-sidebar-list-padding-top) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; background: var(--theme-sidebar-list-item-background); border-radius: var(--main-inner-box-border-radius); } #mw-panel .portal .body li:hover { background: var(--theme-sidebar-list-item-hover-mask); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--theme-sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--theme-sidebar-list-item-text-color-hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } #merch { margin: 1.5em auto auto 1em; } /**** side panel END ***********************************************************/ /*# sourceMappingURL=sidebar.css.map */ /**** main content box START ***********************************************************/ /**** box for nav+content+#footer ****/ #mw-page-base { border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; } /**** navbar ****/ #mw-head { margin: var(--theme-box-border-width); padding: 14px var(--main-box-padding) 0; border-width: var(--theme-navbar-border-width); border-style: var(--theme-navbar-border-style); border-color: var(--theme-navbar-border-color); position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: auto; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } /* reset */ #p-search, .vector-menu-dropdown, #mw-head .vector-menu-dropdown .vector-menu-heading, .vector-menu-dropdown .vector-menu-heading span, .vectorTabs, .vectorTabs ul, .vectorTabs span, .vectorTabs li, .vectorTabs li a, .vectorTabs li.selected a, .vectorTabs li.selected a:visited { background-image: none; float: none; height: auto; display: block; } #mw-head input { display: block; z-index: 1; } #mw-head input + .vector-menu-heading { z-index: 0; } .vectorMenuCheckbox:focus + .vector-menu-heading { outline: 0; } .vectorTabs ul { display: flex; } .vectorTabs ul li, .vector-menu-dropdown { display: block; white-space: nowrap; } .vector-menu-dropdown.emptyPortlet { display: none; } /* override some mw css */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown .vector-menu-heading span { color: var(--theme-navbar-tab-text-color); font-size: 14px; line-height: 24px; padding: 3px 12px; overflow: hidden; } .vector-menu-dropdown .vector-menu-heading:hover span { color: var(--theme-navbar-tab-text-color); /* reset */ text-decoration: underline; } .vectorTabs li, .vector-menu-dropdown { background: var(--theme-navbar-tab-background); border-style: solid; border-color: var(--theme-navbar-tab-border-color); border-width: 1px 1px 0 1px; border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0; box-shadow: var(--theme-navbar-tab-box-shadow); position: relative; margin-right: calc(var(--main-box-padding) / 2); } div.vectorTabs li:hover, div.vector-menu-dropdown:hover, div.vector-menu-dropdown.open { color: var(--theme-navbar-tab-text-color-hover); border-color: var(--theme-navbar-tab-border-color-hover); background: var(--theme-navbar-tab-background-hover); } div.vectorTabs li.selected:hover a, div.vectorTabs li.selected:hover a:visited, div.vectorTabs li:hover a, div.vector-menu-dropdown:hover .vector-menu-heading span, div.vector-menu-dropdown.open .vector-menu-heading span { color: var(--theme-navbar-tab-text-color-hover); } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: var(--theme-navbar-tab-text-color-redlink); } .vectorTabs li.selected { background: var(--theme-navbar-tab-selected-background); border-color: var(--theme-navbar-tab-selected-border-color); } .vectorTabs li.selected:hover span { background: none; } /* cover border bottom */ .vectorTabs li.selected::after { content: ""; display: block; width: 100%; height: 1px; background: var(--theme-navbar-tab-selected-background); border-width: 0 1px; border-style: solid; border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color); position: absolute; bottom: -1px; left: -1px; z-index: 3; } /* watch/unwatch star */ .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { display: block; position: unset; width: 18px; height: 18px; padding: 6px 8px; box-sizing: content-box; } .vector-menu-tabs .mw-watchlink.icon a::before { height: 18px; width: 18px; display: inline-block; position: unset; margin-right: 20px; } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before { transform-origin: 50% 52%; } #mw-head .vector-menu-dropdown .vector-menu-heading { padding: 0; margin: 0; } .vector-menu-dropdown .vector-menu-heading::after { display: none; } .vector-menu-dropdown .vector-menu-heading span::after { content: ""; display: inline-block; background: none; position: unset; width: 0; height: 0; border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-left: 4px; vertical-align: middle; } .vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after, .vector-menu-dropdown:hover .vector-menu-heading span::after { border-width: 0 5px 6px 5px; border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent; } /* drop down menu */ .vector-menu-dropdown.open .menu { visibility: visible; } /* reset mw 1.37 css */ .vector-menu-dropdown:not(.vector-user-menu) li { font-size: 1em; } .vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown > .menu { font-size: 15px; background: var(--theme-navbar-tab-dropdown-background); margin: 0; border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-navbar-tab-dropdown-border-color); box-shadow: var(--theme-navbar-tab-dropdown-box-shadow); padding: 4px; top: 100%; left: -1px; /* 1px for border */ min-width: 8em; } .vector-menu-dropdown .menu li a { text-decoration: none; padding: 10px 8px; border-radius: calc(var(--main-box-border-radius) - 2px); font-size: 1em; color: var(--theme-navbar-tab-text-color); } .vector-menu-dropdown .menu li a:hover { background-color: var(--theme-navbar-tab-dropdown-hover-mask); color: var(--theme-navbar-tab-text-color-hover); } .vector-menu-dropdown li.selected { display: none; /* just remove current selected (already displayed in header) */ } /* search */ #p-search form, #p-search input { margin: 0; } #mw-head #p-search { margin: 0 0 6px calc(var(--main-layout-gap) / 2); } #simpleSearch { background: none; margin: 0; border: 0; color: var(--theme-text-color); width: 18em; padding: 0; height: auto; border-radius: 0; transition: none; display: grid; grid-template-columns: 1fr 0fr; grid-template-rows: 1fr; align-content: stretch; justify-content: stretch; } #simpleSearch #searchInput { grid-column: 1/2; grid-row: 1/2; font-size: 14px; line-height: 16px; text-align: left; padding: 3px 5px; background: var(--theme-navbar-search-input-background); border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; border-color: var(--theme-navbar-search-input-border-color); border-right: 0; word-wrap: break-word; appearance: none; -webkit-appearance: none; color: var(--theme-navbar-search-input-text-color); height: auto; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--theme-navbar-search-input-border-color); box-shadow: none; } #simpleSearch #searchButton { grid-column: 2/3; grid-row: 1/2; box-sizing: border-box; position: static; /* reset css from mw internal */ display: block; width: 28px; height: 100%; /* mw internal css override its button default styles, so override again */ background: var(--theme-navbar-search-button-background); border: 1px solid; border-color: var(--theme-navbar-search-botton-border-color); border-radius: 0 2px 2px 0; z-index: 0; } #simpleSearch #searchButton:hover, #searchInput:hover ~ #searchButton, #searchInput:focus ~ #searchButton { background: var(--theme-navbar-search-button-background-active); border-color: var(--theme-navbar-search-botton-border-color-active); } /* use ::before & ::after to draw search icon */ #simpleSearch::before, #simpleSearch::after { content: ""; display: block; grid-column: 2/3; grid-row: 1/2; z-index: 1; place-self: center; border-style: solid; border-color: var(--theme-navbar-search-botton-text-color); pointer-events: none; } #simpleSearch:hover::before, #simpleSearch:hover::after { border-color: var(--theme-navbar-search-botton-text-color-active); } #simpleSearch::before { border-width: 2px; border-radius: 100%; width: 8px; height: 8px; margin: 0 0 1px 0; transform: translateX(-1px); } #simpleSearch::after { border-width: 1px; width: 3px; height: 0; transform: translate(4px, 4px) rotate(45deg); } /* search result suggestion */ .suggestions { background: var(--theme-navbar-search-suggestions-background); border: 1px solid; border-color: var(--theme-navbar-search-suggestions-border-color); transform: translateX(3px); /* self border 2px + input border 1px */ } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; border: 0; } .suggestions .suggestions-results { border-bottom: 1px solid; border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color); } .suggestions .suggestions-result, .suggestions .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-navbar-search-suggestions-text-color); } .suggestions .suggestions-result-current { background: var(--theme-navbar-search-suggestions-hover-mask); color: var(--theme-navbar-search-suggestions-text-color-hover); } .suggestions .suggestions-special { margin-top: var(--theme-navbar-search-suggestions-special-offset-top); border-top: 1px solid; border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color); } .suggestions .suggestions-special .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color); } .suggestions .suggestions-result-current .special-label { color: var(--theme-navbar-search-suggestions-special-label-text-color-hover); } /*# sourceMappingURL=navbar.css.map */ /**** main content box ****/ body .mw-body { color: var(--theme-text-color); /* override mw internal css */ background: var(--theme-content-background); border-style: var(--theme-content-border-style); border-width: var(--theme-content-border-width); border-color: var(--theme-content-border-color); margin: 0 var(--theme-box-border-width); box-sizing: border-box; padding: 0; z-index: 1; /* cover #footer */ display: flex; flex-direction: column; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--main-box-padding); } #firstHeading { border: 0; margin: 0; overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } #contentSub, #contentSub2 { margin: 0; } #contentSub .subpages { color: transparent; line-height: 1.5; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-content-subpage-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #bodyContent { display: flex; flex-direction: column; } #mw-content-text { flex: 1 1 auto; min-height: 35em; } #mw-content-text::before { content: ""; display: block; height: 0; border-top: var(--theme-content-heading-rule-border-top); border-bottom: var(--theme-content-heading-rule-border-bottom); margin-top: 2px; margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */ } /* section edit link */ .mw-editsection { white-space: nowrap; } /* "category:" box */ #catlinks { background: var(--theme-content-category-background); border-width: var(--theme-content-category-border-width); border-style: var(--theme-content-category-border-style); border-color: var(--theme-content-category-border-color); border-radius: var(--theme-content-category-border-radius); margin: var(--main-layout-gap) 0 0 0; padding: calc(var(--main-box-padding) / 2) var(--main-box-padding); } /* ads */ div.games-showcase-header, div.games-showcase-footer, .content-body > .games-showcase-sidebar { margin: 0; padding: var(--main-box-padding); } div.games-showcase-header { padding-bottom: 0; } div.games-showcase-footer { padding-top: 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } .content-body > .games-showcase-sidebar { padding-left: 0; } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--main-box-padding) 0; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } /*# sourceMappingURL=content.css.map */ /**** #footer (copyright info) ****/ #footer { /* self */ color: var(--theme-footer-text-color); background: var(--theme-footer-background); background-clip: padding-box; padding: var(--main-box-padding); border-radius: 0 0 calc(var(--theme-box-border-radius) - var(--theme-box-border-width)) calc(var(--theme-box-border-radius) - var(--theme-box-border-width)); margin: 0 var(--theme-box-border-width) var(--theme-box-border-width) var(--theme-box-border-width); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ } .mw-footer li { color: var(--theme-footer-text-color); } #footer a { color: var(--theme-footer-link-color); } #footer a:hover { color: var(--theme-footer-link-color-hover); } #footer-info { font-size: 11px; display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places, #footer > div { display: none; } /*# sourceMappingURL=footer.css.map */ /**** main content box START ***********************************************************/ /*# sourceMappingURL=mainBox.css.map */ /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --main-layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ background: var(--theme-site-background2); } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --main-layout-sidespace: 0; --main-layout-logo-height: var(--theme-site-logo-height); --main-layout-logo-box-height: var(--main-layout-logo-height); background: var(--theme-site-background3); } /* re-style "sidebar" nav */ body { height: 100%; grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right]; grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end]; } #p-logo { background-size: var(--theme-site-logo-width) auto; position: absolute; margin: auto; padding: 0; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: var(--theme-sidebar-box-shadow); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; height: 36px; display: flex; align-items: flex-end; padding: 0 var(--main-layout-gap); } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: 0; margin: 0; position: relative; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 9px 12px 8px; border: 0; border-radius: 0; background: none; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-sidebar-list-item-hover-mask); border-radius: 0; } #mw-navigation #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; } #mw-panel div.portal .vector-menu-heading::after { border-width: 6px 5px 0 5px; } #mw-panel div.portal.expanded .vector-menu-heading::after, #mw-panel div.portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; z-index: 50; width: max-content; border: var(--theme-sidebar-dropdown-border); border-top: 0; background: var(--theme-sidebar-dropdown-background); box-shadow: var(--theme-sidebar-box-shadow); border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius); min-width: 8em; box-sizing: border-box; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { position: absolute; top: -46px; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation causes horizontal scroll bar appear */ #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: -1px; /* 1px for border */ } /* hide sidebar toggle */ #nav-content-size-toggle { display: none; } /* site footer */ body > footer { margin-top: var(--main-layout-gap); } /*# sourceMappingURL=1366px.css.map */ } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --main-layout-gap: 6px; --main-box-padding: 6px; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; } /** reset mw internal css **/ div#content { margin: 0; } #mw-head { position: relative !important; margin-top: 0; top: 0; } div#mw-navigation div#mw-panel { display: flex; position: static; width: auto; overflow: visible; } div#mw-navigation div#mw-panel .portal { width: auto; } body #footer { padding-top: 0.75em; } body #footer #footer-info-lastmod, body #footer #footer-info-viewcount { display: block; } #mw-head div#left-navigation, #mw-head div#right-navigation { position: static; } div#p-logo { display: block; /* move to left */ margin: 0 var(--main-layout-gap); width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); background-size: var(--theme-site-logo-width) auto; } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); } div.mw-body { margin-top: 0; } #mw-head #p-search { padding: var(--main-box-padding); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; top: -100px; right: 0; z-index: 50; } @media (min-width: 600px) { #mw-head #p-search { border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius); border-right: 0; } } #mw-head, #mw-panel, .mw-body, #footer, #mw-page-base { border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; } #mw-panel::before { left: 0; right: 0; } /*# sourceMappingURL=900px.css.map */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --main-layout-topbar-height: 35px; /* height of wiki.gg topbar */ } /* reset */ div#p-namespaces, div#p-views, div#p-variants { top: 0; } div#mw-navigation div#mw-panel { font-size: 12px; } /* styles */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; padding: 8px 6px; } #mw-panel div.portal .vector-menu-heading::after, #mw-panel .portal.collapsed .vector-menu-heading::after { border-width: 5px 4px 0; margin-top: 1px; } #mw-panel div.portal.expanded .vector-menu-heading::after, #mw-panel div.portal:hover .vector-menu-heading::after { border-width: 0 4px 5px; } #mw-panel #p-logo + .portal { margin-left: calc(var(--main-layout-gap) - 6px); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown .vector-menu-heading span { font-size: 12px; padding: 1px 8px; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a.loading, .vectorTabs #ca-watch.icon a.loading { padding: 4px 8px; } /*# sourceMappingURL=720px.css.map */ } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* reset mw internal css */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } div#p-logo { margin: auto; width: 100%; } #mw-panel { margin-top: 45px; } #mw-panel::before { transform: translateY(45px); } #mw-head #p-search { top: -95px; box-sizing: border-box; width: 100%; max-width: 20em; margin: 0; padding: var(--main-box-padding); box-shadow: none; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--main-box-border-radius); border-width: var(--theme-box-border-width); } div#simpleSearch { margin: auto; width: auto; } /* content nav to icons */ div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a, div.vector-menu-dropdown .vector-menu-heading span { width: 20px; height: 20px; line-height: 20px; padding: 3px 6px; box-sizing: content-box; } div.vectorTabs li a::before, div.vector-menu-dropdown .vector-menu-heading span::before { content: ""; display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 20px; height: 0; border-bottom: 60px solid transparent; filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color)); margin: -40px 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A"); } div.vectorTabs li:hover a::before, div.vector-menu-dropdown:hover .vector-menu-heading span::before, div.vector-menu-dropdown.open .vector-menu-heading span::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover)); } .vectorTabs li.new a::before, .vectorTabs li.new:hover a::before { filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink)); } #ca-edit a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A"); } #ca-view a::before, #ca-view-foreign a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A"); } #ca-history a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A"); } #ca-talk a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A"); } #t-contributions a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E"); } #ca-addsection a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A"); } #ca-viewsource a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A"); } #p-variants .vector-menu-heading span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E"); } #p-cactions .vector-menu-heading span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E"); } /* Except watch/unwatch star. It does not work under chrome. */ div.vectorTabs li.mw-watchlink a::before { border: 0; filter: none; margin: 0 20px 0 0; } /*# sourceMappingURL=600px.css.map */ } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { #mw-panel { padding-left: 6px; padding-right: 6px; } #mw-panel div.portal .vector-menu-heading::after { display: none; } #mw-panel #p-navigation #p-navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #p-navigation-label::before, #p-lang-label::before { content: ""; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--theme-text-color)); margin: -42px 20px 0 0; } #p-navigation-label::before { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E"); } #p-lang-label::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E"); } #mw-navigation #mw-panel #p-lang { margin-left: auto; display: flex; justify-content: flex-end; } #mw-panel #p-lang .body { left: auto; right: 0; } div#simpleSearch { width: 90%; } /*# sourceMappingURL=450px.css.map */ } /* screen and (max-width:450px) */ /*# sourceMappingURL=layoutResponsive.css.map */ /***** Notification *****/ .mw-notification { color: var(--theme-text-color); border: var(--theme-box-border-width) solid #017e95; border-radius: var(--theme-box-border-radius); background: #fff; transform: none; } /* postedit notification */ .postedit-container { top: 4em; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /*# sourceMappingURL=interface.css.map */ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*# sourceMappingURL=floatingScroll.css.map */ /*********************************************************************************************************** * Common styles for "real" wiki page content. ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /** ToC **/ .toc { border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--theme-text-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: "."; } .toc .toctitle, .toc > ul { padding: 0.5em; } .toc > ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /*# sourceMappingURL=ToC.css.map */ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /*# sourceMappingURL=content.css.map */ /*********************************************************************************************************** * css for specific pages ***********************************************************************************************************/ /*********** Main page START ****************/ /* Hide page title on main page */ body.rootpage-Outerverse_Wiki.action-view h1.firstHeading, body.rootpage-Outerverse_Wiki.action-view .mw-body .mw-indicators, body.rootpage-Outerverse_Wiki.action-view #mw-content-text::before { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .footer { text-align: right; margin-top: 1em; font-size: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { border: 1px solid var(--theme-border-color); border-radius: var(--main-box-border-radius); padding: 1.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box h2 { margin-top: 0; margin-bottom: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box p { margin: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap { display: flex; gap: 12px; align-items: stretch; justify-content: stretch; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { margin-top: 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box { flex: 1 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header { font-size: 12px; text-align: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header h2 em { display: block; font-style: normal; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links ul { margin: 1em auto auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.header .links li { list-style: none; display: inline-block; margin: 0 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { display: flex; flex-direction: column; gap: 12px; flex: 0 0 405px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { margin-top: 0.75em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 1 1 1200px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 28%; display: flex; flex-direction: column; background: #f2f2f2; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul h3 { margin: 0; order: 2; padding: 8px 12px 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul p { order: 3; padding: 0 12px 12px; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul img { width: 100% !important; height: auto !important; order: 1; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } @media (max-width: 1500px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 0 0 400px; } } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div { columns: 2; column-gap: 0.5em; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul { margin-top: 0; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay div ul li { white-space: nowrap; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm { flex: 1 1 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: flex; gap: 0.5em; justify-content: center; align-items: center; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0; } @media (max-width: 1200px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap.a { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro { flex-direction: row; flex: 0 0 auto; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about { flex: 1 1 50%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .embedvideo { display: none; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature { flex: 0 0 auto; } } @media (max-width: 1000px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .gameplay { flex: 1 1 auto; } } @media (max-width: 800px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 35%; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap { flex-direction: column; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .intro .about, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .header, body.rootpage-Outerverse_Wiki.action-view #bodyContent .content-wrap + .content-wrap .about { flex: unset; } } @media (max-width: 540px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .box.feature ul li { flex: 1 1 85%; } } @media (max-width: 410px) { body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form { display: block; } body.rootpage-Outerverse_Wiki.action-view #bodyContent .comm form input { margin: 0.5em auto; } } /*********** Main page END ****************/ /*# sourceMappingURL=mainPage.css.map */ /*# sourceMappingURL=pages.css.map */ /*# sourceMappingURL=common.css.map */ 03bcd5b3f9d6b5fd8476b93ee4cc5db3afe09ffc 8 10 121 33 2023-10-12T14:46:55Z Westgrass 40 javascript text/javascript mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript' ).then(function(){ //////////////////////////////////////////////////////////////////////////////// /** * image size fix for <gallery> */ $(function(){ $(".mw-gallery-traditional .thumb").each(function(){ var $this = $(this); /* $this.css('display', 'flex'); // do this in common.css: .mw-gallery-traditional .thumb{ display: flex; } */ $this.css('height', $this.height()+'px').find('>div').css('margin', 'auto'); var $img = $this.find('img').first(); if(!$img.length){ return; } var $width = $img.attr('width') - 0; //cast to number. var $filewidth = $img.attr('data-file-width') - 0; if($filewidth < $width){ var $fileheight = $img.attr('data-file-height'); if( $filewidth * 2 > $width){ $img.attr({'width': $filewidth, 'height': $fileheight}); }else{ $img.attr({'width': $filewidth*2, 'height': $fileheight*2}); } } }); }); //////////////////////////////////////////////////////////////////////////////// /*end of mw.loader.getScript().then callback*/ }); 1ba16145941f55a54b4648c84813ec53fdbb13f2 0 1 127 88 2024-07-18T20:26:00Z Bot4401 45109 Automated licencing updates wikitext text/x-wiki __NOTOC__<!-- --><div class="content-wrap a"><!-- --><div class="intro"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the Official <em>Outerverse Wiki</em></h2><!-- --><p>The Official Outerverse Wiki is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --><div class="links"><!-- --><ul><!-- --><li>[[file:Gameicon.png|Outerverse website|32x32px|link=https://www.indie.io/outerverse]]</li><!-- --><li>[[file:Steam.svg|Outerverse on Steam|32x32px|link=https://store.steampowered.com/app/1293540/Outerverse/]]</li><!-- --><li>[[file:Discord.svg|Outerverse on Discord|32x32px|link=https://discord.gg/3ZGvqnZwrT]]</li><!-- --><li>[[file:Twitter.svg|Outerverse on Twitter|32x32px|link=https://twitter.com/OuterverseGame]]</li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="box about"><!-- --><h2>About The Game</h2><!-- --><p>[[Outerverse]] is a quest-driven, crafting automation adventure game. Build automated machines and [[weapons]], travel across the universe, beat massive titans, explore unique landmarks and advance your technology while experiencing cosmic events.</p><!-- --><p>Defeat 6 massive [[Titan]]s, each one unique and with a special mechanic to defeat.</p><!-- -->{{#ev:youtube|mN55jr921l4|360|center}}<!-- --></div><!-- --></div><!-- --><div class="box feature"><!-- --><h2>Features</h2><!-- --><ul><!-- --><li><!-- --><h3>EXPLORE</h3><!-- --><p>Explore [[biome]]s and [[cave]]s on procedurally generated [[planet]]s and systems!</p><!-- -->[[File:feature1.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>MINE</h3><!-- --><p>Mine [[resource]]s and hunt [[creature]]s on the surface and underground!</p><!-- -->[[File:feature2.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD A BASE</h3><!-- --><p>Build a [[base]] to store your items and workbenches, and to have an area for your machines of course!</p><!-- -->[[File:feature3.jpg|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>CRAFT</h3><!-- --><p>Craft and automate items to progress your way in the [[tech tree]] to unlock new technology and upgrades!</p><!-- -->[[File:feature4.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>BUILD YOUR SPACESHIP</h3><!-- --><p>Build fully customizable space-rockets, [[spaceships]], and mega-spaceships! Unlock better tech for upgrades.</p><!-- -->[[File:feature5.png|400px|link=]]<!-- --></li><!-- --><li><!-- --><h3>SPACE TRAVEL</h3><!-- --><p>Space travel to different planets, then unlock [[warping]] and travel to new systems!</p><!-- -->[[File:feature6.png|400px|link=]]<!-- --></li><!-- --></ul><!-- --></div><!-- --></div><!-- --><div class="content-wrap"><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --><div><ul><!-- --><li>[[Planet]]</li><!-- --><li>[[Biome]]</li><!-- --><li>[[Cave]]</li><!-- --><li>[[Creature]]</li><!-- --><li>[[Resource]]</li><!-- --><li>[[Block]]</li><!-- --><li>[[Item]]</li><!-- --><li>[[workbench]]</li><!-- --><li>[[Machine]]</li><!-- --><li>[[Farm]]</li><!-- --><li>[[Creatures farm]]</li><!-- --><li>[[Titan]]</li><!-- --></ul></div><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to Outerverse Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --><div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[Outerverse Wiki/editcopy|here]]</span></div></div><!-- -->[[category:Outerverse Wiki]] a3a11d21ed1863a3ae605e8b2e76a3e9943de65c 8 11 128 43 2024-07-18T20:26:02Z Bot4401 45109 Automated licencing updates wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Portals ** https://www.indie.io/outerverse | Official Website ** https://twitter.com/OuterverseGame | Outerverse on Twitter ** https://discord.gg/3ZGvqnZwrT | Outerverse on Discord ** https://store.steampowered.com/app/1293540/Outerverse/ | Outerverse on Steam * SEARCH * TOOLBOX * LANGUAGES 8f2a45504b6731be85021becb98419e184647c52 0 4 129 5 2024-12-10T01:18:45Z Bot4401 45109 Protected "[[Main Page]]": High-traffic page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki #REDIRECT [[Outerverse Wiki]] be559135d942353b59f9f857f52a1bb92a3b0894 8 3 130 3 2025-02-25T03:23:44Z Surafbrov 59 wikitext text/x-wiki {{int:wikigg-copyright|CC BY-SA 3.0|$1}} 7e76b79144f154d945507cb2ea143c0532ea2846 828 41 131 2025-03-09T22:22:26Z RheingoldRiver 2743 Adding DLW template link Scribunto text/plain -- This code is adapted from Wikipedia -- For the original, please see: https://en.wikipedia.org/wiki/Module:Template_link_general -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 45d40a4bff9a1d0eb4274f56fb2f17849aa68728 828 42 132 2025-03-09T22:22:27Z RheingoldRiver 2743 Adding DLW template link Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 10 43 133 2025-03-09T22:22:28Z RheingoldRiver 2743 Adding DLW template link wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 7cb4f0fa749ef8a18a48c4b5816357a225f4acee 10 44 134 2025-03-09T22:22:28Z RheingoldRiver 2743 Adding DLW template link wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 14 45 135 2025-03-10T00:23:47Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 17ed4520e5c453209616df3c9b2306fce8ceb12f 14 46 136 2025-03-10T00:23:47Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|Discord}} embed. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 11ff5616854d8913d2c371ae3c2c610278651846 14 47 137 2025-03-10T00:23:48Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with an {{tl|ambox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] de382f794395f344d0147dbb96b9542d6f38f624 14 48 138 2025-03-10T00:23:49Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|color}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] bcca0312385263c30522c744df6a8c8856c68fab 14 49 139 2025-03-10T00:23:50Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|hatnote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 4ac7721cfcffb2f181820164d95f3af8d86c4fd7 14 50 140 2025-03-10T00:23:50Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|navbox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 3e48f396fafee5d8aecf6cd0dcb554c769f485a9 14 51 141 2025-03-10T00:23:51Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|quote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 2f764cddd1fb264f48b896ffd6e892df3c391e90 14 52 142 2025-03-10T00:23:52Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a {{tl|spoiler}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 5822aa87e8a8897673ff589d00d2f0d622aa3be5 14 53 143 2025-03-10T00:23:52Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 8 54 144 2025-03-10T00:23:53Z RheingoldRiver 2743 Created page with "{ "settings": { "section": "", "package": false, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } }" wikitext text/x-wiki { "settings": { "section": "", "package": false, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 02a05063770275f77c6a7df46cfecee5acb7f740 148 144 2025-03-27T03:38:50Z RheingoldRiver 2743 RheingoldRiver changed the content model of the page [[MediaWiki:Gadgets/ranger]] from "wikitext" to "GadgetDefinition" GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 02a05063770275f77c6a7df46cfecee5acb7f740 149 148 2025-03-27T03:51:06Z RheingoldRiver 2743 Fixing RANGER deploy GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 0e59fa9520b52214b9fedaecae9f41d86afd197f 8 55 145 2025-03-10T00:23:54Z RheingoldRiver 2743 Created page with "/** as of Module:navbox version 1.2.2 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; }..." css text/css /** as of Module:navbox version 1.2.2 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ ef53304ec73d1489fe61b0d50ab8f34bd3a07f55 153 145 2025-07-22T17:04:33Z Bot4401 45109 AUTOMATED: Updating RANGER navboxes' stylesheets to fix compatibility with [hidden=until-found] collapsibles. In case of issues or other bugs, please contact us via https://indieio.atlassian.net/servicedesk/customer . css text/css /** as of Module:navbox version 1.2.2 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } /* gap fix for collapsed content */ .ranger-navbox [class^="ranger-"][hidden="until-found"]{ margin-top: calc(0px - var(--navbox-gap)) !important; } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ ab00c75fd24409d86212e8116b27c09084552db7 8 56 146 2025-03-10T00:23:54Z RheingoldRiver 2743 Created page with ".ranger-navbox{ --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --na..." css text/css .ranger-navbox{ --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/ --navbox-pill-gap: 0.3em; --navbox-pill-padding: 0.25em 0.75em; --navbox-pill-border-radius: 3px; --navbox-pill-box-shadow: none; --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color); --navbox-pill-background--hover: var(--navbox-pill-background); --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ /* remove list cell background */ --navbox-list-background: none; --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent); } .ranger-navbox.no-underline-title-links{ --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } /****************************** * Fallback for older browsers * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .ranger-navbox { --navbox-above-background: var(--wiki-content-background-color--secondary); --navbox-list-background: transparent; --navbox-list-background--striped: var(--wiki-content-background-color--secondary); --navbox-group-background: var(--wiki-content-background-color--secondary); --navbox-tree-line-color：var(--wiki-content-background-color--secondary); } .ranger-navbox.pill, .ranger-navbox.pill-mobile { --navbox-pill-background: var(--wiki-content-background-color--secondary); --navbox-list-background--striped: transparent; --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary); } } /*************** * End fallback * ****************/ 2985752c4b0bc7060fe0ea7d07e19bfbdd1d3232 8 57 147 2025-03-10T00:23:55Z RheingoldRiver 2743 Created page with "/* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */" css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ 769d3248cef93d2b58dcf7339da923494f5173f8 828 58 150 2025-03-27T04:21:58Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out Scribunto text/plain -- version 1.2.2 -- config table for RANGER. -- If you want to change the default config, DO NOT change it here, -- please do it via the `onLoadConfig` hook in [[Module:Navbox/Hooks]]. local config = { default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter. default_title_class = nil, -- Base value of the `title_class` parameter. default_above_class = nil, -- Base value of the `above_class` parameter. default_below_class = nil, -- Base value of the `below_class` parameter. default_section_class =nil, -- Base value of the `section_class` parameter. default_header_class = nil, -- Base value of the `header_class` parameter. default_group_class = nil, -- Base value of the `group_class` parameter. default_list_class = 'hlist', -- Base value of the `list_class` parameter. default_header_state = nil, -- Base value of the `state` parameter. editlink_hover_message_key = 'Navbox-edit-hover', -- The system message name for hover text of the edit icon. custom_render_handle = nil, -- usually for debugging purposes only. if set, it should be a function accept 2 parameters: `dataTree` and `args`, and return a string as module output. } --------------------------------------------------------------------- -- Argument alias. local CANONICAL_NAMES = { ['titlestyle'] = 'title_style', ['listclass'] = 'list_class', ['groupstyle'] = 'group_style', ['collapsible'] = 'state', ['editlink'] = 'meta', ['editlinks'] = 'meta', ['editicon'] = 'meta', ['edit_link'] = 'meta', ['edit_links'] = 'meta', ['edit_icon'] = 'meta', ['navbar'] = 'meta', ['name'] = 'template', ['evenodd'] = 'striped', ['class'] = 'navbox_class', ['css'] = 'navbox_style', ['style'] = 'navbox_style', ['group'] = '1:group', ['list'] = '1:list', } local DEFAULT_ARGS = { ['meta'] = true, } local STATES = { ['no'] = '', ['off'] = '', ['plain'] = '', ['collapsed'] = 'mw-collapsible mw-collapsed', } local BOOL_FALSE = { ['no'] = true, ['off'] = true, ['false'] = true, } local STRIPED = { ['odd'] = 'striped-odd', ['swap'] = 'striped-odd', ['y'] = 'striped-even', ['yes'] = 'striped-even', ['on'] = 'striped-even', ['even'] = 'striped-even', ['striped'] = 'striped-even', } local NAVBOX_CHILD_INDICATOR = '!!C$H$I$L$D!!' local NAVBOX_CHILD_INDICATOR_LENGTH = string.len( NAVBOX_CHILD_INDICATOR ) local CLASS_PREFIX = 'ranger-' --------------------------------------------------------------------- local p = {} local h = {} -- non-public local hooks = mw.title.new('Module:Navbox/Hooks').exists and require('Module:Navbox/Hooks') or {} --------------------------------------------------------------------- -- For templates: {{#invoke:navbox|main|...}} function p.main(frame) local args = p.mergeArgs(frame) return p.build(args, true) end -- For modules: return require('module:navbox').build(args) -- By default this method will skip the arguments sanitizing phase -- (and onSanitizeArgsStart/onSanitizeArgsEnd hooks). -- Set `doParseArgs` to true to do arguments sanitizing. -- If `customConfig` table is provided, it will be merged into default config table (after onLoadConfig()). -- If `customHooks` table is provided, all default hook handles will be overrided, unprovided hooks will be empty. function p.build(args, doParseArgs, customConfig, customHooks) if customHooks then hooks = customHooks end if doParseArgs then args = h.parseArgs(args) end h.runHook('onLoadConfig', config, args) if customConfig then for k,v in pairs(customConfig) do config[k] = v end end --merge default args for k,v in pairs(DEFAULT_ARGS) do if args[k] == nil then args[k] = DEFAULT_ARGS[k] end end h.runHook('onBuildTreeStart', args) local dataTree = h.buildDataTree(args) h.runHook('onBuildTreeEnd', dataTree, args) if type(config.custom_render_handle) == 'function' then return config.custom_render_handle(dataTree, args) else return h.render(dataTree) end end -- merge args from frame and frame:getParent() -- It may be used when creating custom wrapping navbox module. -- -- For example, Module:PillNavbox -- -- local RANGER = require('Module:Navbox') -- local p = {} -- function p.main(frame) -- return RANGER.build(RANGER.mergeArgs(frame), true, { -- default_navbox_class = 'pill', -- use "pill" style by default. -- }) -- end -- return p -- function p.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end ------------------------------------------------------------------------ function h.parseArgs(inputArgs) h.runHook('onSanitizeArgsStart', inputArgs) local args = {} for k, v in pairs(inputArgs) do if type(k) == 'string' then -- all named args have already been trimmed local key = h.normalizeKey(k) args[key] = h.normalizeValue(key, v) else args[k] = mw.text.trim(v) -- keep number-index arguments (for {{navbox|child|...}}) end end h.runHook('onSanitizeArgsEnd', args, inputArgs) return args end -- Normalize the name string of arguments. -- the normalized form is (index:)?name, in which: -- index is number index such as 1, 1.3, 1.2.45, -- name is in lowercase underscore-case, such as group, group_style -- e.g: header_state, 1.3:list_style -- the input argument name can be: -- * camel-case: listStyle, ListStyle -- * space separated: list style -- * prefix+index+postfix?, and can be in camel-case or space/hyphen separated or mixed: list 1 style, list1, list1Style, list1_style -- * index.name: 1.3.list -- * index_name: 1.3_list (Space separated are treated as underscore separated, therefore 1.3 list are vaild too) function h.normalizeKey(s) -- camel-case to lowercase underscore-case s = s:gsub('%l%f[%u]', '%0_') -- listStyle to list_style s = (s:gsub(' ', '_')):lower() -- space to underscore s = s:gsub('%l%f[%d]', '%0_') -- group1* to group_1* s = s:gsub('%d%f[%l]', '%0_') -- *1style to *1_style -- number format x_y_z to x.y.z s = s:gsub('(%d)_%f[%d]', '%1%.') -- move index to the beginning: -- group_1.2_style to 1.2:group_style -- group_1 to 1:group s = s:gsub('^([%l_]+)_([%d%.]+)', '%2:%1') -- support index.name and index_name: -- 1.2.group / 1.2_group to 1.2:group s = s:gsub('^([%d%.]+)[%._]%f[%l]', '%1:') -- now the key should be in normalized form, if the origin key is vaild -- standardize *_css to *_style s = s:gsub('_css$', '_style') -- standardize *collapsible to *state s = s:gsub('collapsible$', 'state') -- standardize all aliases to the canonical name return CANONICAL_NAMES[s] or s end function h.normalizeValue(k, v) k = tostring(k) if k:find('_style$') then v = (v .. ';'):gsub(';;', ';') return v elseif k:find('state$') then return STATES[v] elseif k == 'striped' then return STRIPED[v] elseif k == 'meta' then return not BOOL_FALSE[v] elseif v:sub(1, 2) == '{|' or v:match('^[*:;#]') then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. v ..'\n' end return v end -- parse arguments, convert them to structured data tree function h.buildDataTree(args) -- parse args to a tree local tree = h.buildTree(args) -- build root navbox data local data = h.buildNavboxData(tree.info) -- Recursively build section tree if tree.children then data.sections = h.buildSections(tree.children, { listClass = h.mergeAttrs(args.list_class, config.default_list_class), listStyle = args.list_style, groupClass = h.mergeAttrs(args.group_class, config.default_group_class), groupStyle = args.group_style, sectionClass = h.mergeAttrs(args.section_class, config.default_section_class), sectionStyle = args.section_style, headerClass = h.mergeAttrs(args.header_class, config.default_header_class), headerStyle = args.header_style, headerState = args.header_state or config.default_header_state, }) end if args[1] == 'child' then data.CHILD_MODE = true end return data end function h.buildSections(list, defaults) local sections = {} local section = nil for k, node in h.orderedPairs(list) do local info = node.info or {} --start a new section if needed if info.header or not section then section = { class = h.mergeAttrs(info.section_class, defaults.sectionClass), style = h.mergeAttrs(info.section_style, defaults.sectionStyle), body = {} } -- Section header if needed. -- If the value of a `|header_n=` is two or more consecutive "-" characters (e.g. --, -----), -- it means start a new section without header, and the new section will be not collapsable. if info.header and not string.match(info.header, '^%-%-+$') then section.header = { content = info.header, class = h.mergeAttrs(info.header_class, defaults.headerClass), style = h.mergeAttrs(info.header_style, defaults.headerStyle), } section.state = info.state or defaults.headerState or 'mw-collapsible' end sections[#sections+1] = section end -- above/below for this section if info.above then section.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then section.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end -- this group+list row if info.group or info.list or node.children then local row = {} section.body[#section.body+1] = row if info.group then row.group = { content = info.group, class = h.mergeAttrs(info.group_class, defaults.groupClass), style = h.mergeAttrs(info.group_style, defaults.groupStyle), } end if info.list then if string.sub(info.list, 1, NAVBOX_CHILD_INDICATOR_LENGTH) == NAVBOX_CHILD_INDICATOR then -- it is from {{navbox|child| ... }} row.sections = mw.text.jsonDecode(string.sub(info.list, NAVBOX_CHILD_INDICATOR_LENGTH+1)) else row.list = { content = info.list, class = h.mergeAttrs(info.list_class, defaults.listClass), style = h.mergeAttrs(info.list_style, defaults.listStyle), } end end -- sub-nodes, will override {{navbox|child| ... }} if node.children then row.sections = h.buildSections(node.children, defaults) end end end -- flatten if needed: -- If a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to upper level. for _, sect in ipairs(sections) do if #sect.body == 1 then local node = sect.body[1] if not node.group and not node.list and node.sections and #node.sections == 1 and not node.sections[1].header then sect.body = node.sections[1].body end end end return sections end function h.buildNavboxData(info) local data = { state = info.state or 'mw-collapsible', -- here we need a default value for empty input striped = info.striped, class = h.mergeAttrs(info.navbox_class, config.default_navbox_class), style = info.navbox_style, } -- data for titlebar if info.title or info.meta or data.state ~= '' then data.title = { content = info.title, class = h.mergeAttrs(info.title_class, config.default_title_class), style = info.title_style, } if info.meta then data.metaLinks = { link = info.meta_link, -- will be used as [[$link|$text]] url = info.meta_url, -- will be used as [$url $text], only if there is no data.metaLinks.link text = info.meta_text, --hovertext } if not info.meta_link and not info.meta_url then -- default link target local title = mw.title.new(info.template or mw.getCurrentFrame():getParent():getTitle(), 'Template') if not title then error('Invalid title ' .. info.template) end data.metaLinks.link = title.fullText end if not info.meta_text then local msg = mw.message.new(config.editlink_hover_message_key) data.metaLinks.text = msg:exists() and msg:plain() or 'View or edit this template' end end end -- above/below if info.above then data.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then data.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end return data end -- parse arguments, convert them into a tree based on their index -- each node on tree is { info = { #data for this node# }, children = {#children nodes#} } function h.buildTree(args, defaults) local tree = { info = {} } local check = function(key, value) local index, name = string.match(key, '^([%d%.]+):(.+)$') -- no number index found, for root node if not index then tree.info[key] = value return end -- filter invalid number index if string.match(index, '^%.') or string.match(index, '%.$') or string.match(index, '%.%.') then return end -- find the node that matches the index in the tree local arr = mw.text.split(index, '.', true) local node = tree for _, v in ipairs(arr) do v = tonumber(v) if not node.children then node.children = {} end if not node.children[v] then node.children[v] = { info = {} } end node = node.children[v] end node.info[name] = value end for k,v in pairs(args) do check(k, v) end return tree end function h.render(data) -- handle {{navbox|child|...}} syntax if data.CHILD_MODE then return NAVBOX_CHILD_INDICATOR..mw.text.jsonEncode(data.sections) end ----- normal case ----- local out = mw.html.create() -- build navbox container local navbox = out:tag('div') :attr('role', 'navigation'):attr('aria-label', 'Navbox') :addClass(CLASS_PREFIX..'navbox') :addClass(data.class) :addClass(data.striped) :addClass(data.state) :cssText(data.style) --title bar if data.title then local titlebar = navbox:tag('div'):addClass(CLASS_PREFIX..'title') titlebar:tag('div'):addClass('mw-collapsible-toggle-placeholder') if data.metaLinks then titlebar:node(h.renderMetaLinks(data.metaLinks)) end if data.title then titlebar:addClass(data.title.class):tag('div') :addClass(CLASS_PREFIX..'title-text') :addClass(data.title.class) :cssText(data.title.style) :wikitext(data.title.content) end end --above if data.above then navbox:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(data.above.class) :cssText(data.above.style) :wikitext(data.above.content) :attr('id', (not data.title) and mw.uri.anchorEncode(data.above.content) or nil) -- id for aria-labelledby attribute, if no title end -- sections if data.sections then h.renderSections(data.sections, navbox, 0, true) else -- Insert a blank section for completely empty navbox to ensure it behaves correctly when collapsed. if not data.above and not data.below then navbox:tag('div'):addClass(CLASS_PREFIX..'section mw-collapsible-content') end end --below if data.below then navbox:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(data.below.class) :cssText(data.below.style) :wikitext(data.below.content) end return tostring(out)..'[[Category:Pages with navboxes]]' -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports end function h.renderSections(data, container, level, even) for i,sect in ipairs(data) do --section box local section = container:tag('div') :addClass(CLASS_PREFIX..'section mw-collapsible-content') :addClass(sect.class) :addClass(sect.state) :cssText(sect.style) -- section header if sect.header then section:tag('div') :addClass(CLASS_PREFIX..'header') :addClass(sect.header.class) :cssText(sect.header.style) :tag('div'):addClass('mw-collapsible-toggle-placeholder'):done() :tag('div'):addClass(CLASS_PREFIX..'header-text'):wikitext(sect.header.content) end -- above: if sect.above then section:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(sect.above.class) :cssText(sect.above.style) :wikitext(sect.above.content) end -- body: groups&lists local box = section:tag('div'):addClass(CLASS_PREFIX..'section-body mw-collapsible-content') even = h.renderBody(sect.body, box, level, (level==0) and true or even) -- reset even status each section -- below: if sect.below then section:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(sect.below.class) :cssText(sect.below.style) :wikitext(sect.below.content) end end return even end function h.renderMetaLinks(info) local box = mw.html.create('span'):addClass(CLASS_PREFIX..'meta') local meta = box:tag('span'):addClass('nv nv-view') if info.link then meta:wikitext('[['..info.link..'|') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']]') elseif info.url then meta:wikitext('['..info.url..' ') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']') end return box end function h.renderBody(info, box, level, even) local count = 0 for _,v in h.orderedPairs(info) do if v.group or v.list or v.sections then count = count + 1 -- row container local row = box:tag('div'):addClass(CLASS_PREFIX..'row') -- group cell if v.group or (v.sections and level > 0 and not v.list) then local groupCell = row:tag('div') :addClass(CLASS_PREFIX..'group level-'..level) :addClass((level > 0) and CLASS_PREFIX..'subgroup' or nil) local groupContentWrap = groupCell:tag('div'):addClass(CLASS_PREFIX..'wrap') if v.group then groupCell:addClass(v.group.class):cssText(v.group.style) groupContentWrap:wikitext(v.group.content) else groupCell:addClass('empty') row:addClass('empty-group-list') end else row:addClass('empty-group') end -- list cell local listCell = row:tag('div'):addClass(CLASS_PREFIX..'listbox') if not v.list and not v.sections then listCell:addClass('empty') row:addClass('empty-list') end if v.list or (v.group and not v.sections) then --listCell:node(h.renderList(v['list'] or '', k, level, args)) even = not even -- flip even/odd status local cell = listCell:tag('div') :addClass(CLASS_PREFIX..'wrap') :addClass(even and CLASS_PREFIX..'even' or CLASS_PREFIX..'odd') if v.list then cell:addClass(v.list.class):cssText(v.list.style) :tag('div'):addClass(CLASS_PREFIX..'list'):wikitext(v.list.content) end end if v.sections then local sublistBox = listCell:tag('div'):addClass(CLASS_PREFIX..'sublist level-'..level) even = h.renderSections(v.sections, sublistBox, level+1, even) end end end if count > 0 then box:css('--count', count) -- for flex-grow end return even end -- pairs, but sort the keys alphabetically function h.orderedPairs(t, f) local a = {} for n in pairs(t) do table.insert(a, n) end table.sort(a, f) local i = 0 -- iterator variable local iter = function () -- iterator function i = i + 1 if a[i] == nil then return nil else return a[i], t[a[i]] end end return iter end -- For cascading parameters, such as style or class, they are merged in exact order (from general to specific). -- Any parameter starting with multiple hyphens(minus signs) will terminate the cascade. -- An example: -- For group_1.1, its style is affected by parameters |group_1.1_style=... , |subgroup_level_1_style=... , and |subgroup_style=... . -- If we have |group_1.1_style= color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color:green; font-weight: bold; color: red;" ; -- if we have |group_1.1_style= -- color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color: red;" only, and the cascade is no longer performed for |subgroup_level_1_style and |subgroup_style. function h.mergeAttrs(...) local trim = mw.text.trim local s = '' for i=1, select('#', ...) do local v = trim(select(i, ...) or '') local str = string.match(v, '^%-%-+(.*)$') if str then s = trim(str..' '..s) break else s = trim(v..' '..s) end end if s == '' then s = nil end return s end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end ----------------------------------------------- return p 184ca1a8a54c8fded465a77c9198da564fe29c6c 10 59 151 2025-03-27T04:21:59Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out wikitext text/x-wiki <includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 11355a4514de8aa6c0ae686240591d267101c58c 10 60 152 2025-03-27T04:22:00Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out wikitext text/x-wiki {{no direct use}} {{UsesLua|Navbox}} This template is designed to set up navigational templates relatively quickly with one or more lists of links. We highly recommend using this template for standardizing navigational templates and ease of use, especially for mobile devices. See [[support:RANGER navboxes|the support wiki]] for more information, including installation steps and further examples. == Basic example == The following example demonstrates the core functionality of this template: the title text, one standard link group, and one link group that contains two sub-groups. The rows are striped for easier readability. {{Navbox | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Navbox | template = <template_title> <!-- Required. e.g. `|template=Items` for template:Items --> | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} </syntaxhighlight> == Parameters == === Main === The following parameters modify the navbox as a whole. {| class="wikitable" ! Parameter ! Description |- ! <code>template</code><br><code>name</code> | ('''Required''') Title of the template that the edit icon links to. e.g. <code>Items</code> for template:Items. |- ! <code>title</code> | Text that appears at the top of the navbox. |- ! <code>state</code><br><code>collapsible</code> | Controls if a navbox should be expanded or collapsed when the page loads. This only affects the whole navbox; if [[#Sections|sections]] are used, they are treated differently. * <code>expanded</code> ('''default''') - the navbox will start open and readers can collapse it. * <code>collapsed</code> - the navbox will start closed and readers can expand it. * <code>off</code>, <code>no</code>, or <code>plain</code> - the navbox will start open and cannot be collapsed. Advanced users can modify this on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. |- ! <code>editlinks</code> | Controls if an edit icon should be displayed at the top-left of the navbox, making it easier for users to interact with the template itself. * unset ('''default''') - displays the edit icon * <code>off</code> or <code>no</code> - hides the edit icon |- ! <code>above</code> | Text that appears above all list groups, directly below the title. |- ! <code>below</code> | Text that appears below all list groups, at the bottom of the navbox. |- ! <code>striped</code><br><code>evenodd</code> | Controls if the navbox rows should have zebra striping on even or odd rows, making it easier for users to distinguish two rows apart from each other. If [[#Sections|sections]] are used, each section resets the even/odd counter. *unset ('''default''') - all rows have the same background *<code>y</code>, <code>yes</code>, <code>on</code>, <code>striped</code>, or <code>even</code> - even-numbered rows are highlighted *<code>swap</code> or <code>odd</code> - odd-numbered rows are highlighted |} === Sections === The following parameters define sections within the navbox with their own titles. {| class="wikitable" ! Parameter ! Description |- ! <code>header''n''</code> | Text that appears at the top of the section, where ''n'' is any positive integer. If the value is set to two or more <code>-</code> (e.g. <code>--</code>, <code>-----</code>, etc.) the new section will have no header bar and cannot be collapsed. All groups and lists that are ''n'' or higher will appear in this section unless there is a higher <code>header''n''</code> later in the template. For example, if a navbox defines <code>header1</code> and <code>header4</code>, the first section will include <code>list1</code>, <code>list2</code>, and <code>list3</code> (and any of their sub-lists), while the second section will include all remaining lists starting at <code>list4</code> and their sub-lists. |- ! <code>header_state</code><br><code>state''n''</code> | <code>header_state</code> controls if all sections, by default, should be expanded or collapsed when the page loads. <code>state''n''</code> overrides <code>header_state</code> for the specific section defined by <code>header''n''</code> (where ''n'' is a matching integer). * <code>expanded</code> ('''default''') - the section will start open and readers can collapse it. * <code>collapsed</code> - the section will start closed and readers can expand it. * <code>off</code> or <code>plain</code> - the section will start open and cannot be collapsed. Advanced users can modify these on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. Both parameters have no effect on sections with headers set to two or more <code>-</code>, which are always expanded and cannot be collapsed. |} === List groups === The following parameters define the list groups. {| class="wikitable" ! Parameter ! Description |- ! <code>group''n''</code> | Text label for a list, which appears on the left on desktop or at the top on mobile, where ''n'' is any positive integer. This parameter is optional; if a <code>list''n''</code> does not have a matching <code>group''n''</code>, the list will take the full width on desktop. |- ! <code>list''n''</code> | A wikitext list, where ''n'' is any positive integer. |- ! <code>group''n''.''x''</code><br><code>group''n''.''x''.''y''</code><br>etc. | Text label for sub-lists that appear under <code>group''n''</code>, <code>group''n''.''x''</code>, etc. |- ! <code>list''n''.''x''</code><br><code>list''n''.''x''.''y''</code><br>etc. | Wikitext sub-lists. |} === Styling === The following parameters add inline styling or your custom CSS classes to specific elements of the navbox. To assist with text alignment, three default classes are available: <code>align-left</code>, <code>align-center</code>, and <code>align-right</code>. {| class="wikitable" ! Parameter ! Description |- ! <code>navbox_style</code><br><code>navbox_class</code> | Modifies the parent navbox element; <code>class</code> can be used as a shorthand for <code>navbox_class</code> Two default classes are available: *<code>pill</code> changes the links to pill-styled rather than dot-separated *<code>pill-mobile</code> only changes the links to pill-styled on mobile devices |- ! <code>title_style</code><br><code>title_class</code> | Modifies the title bar |- ! <code>above_style</code><br><code>above_class</code> | Modifies the <code>above</code> text row |- ! <code>below_style</code><br><code>below_class</code> | Modifies the <code>below</code> text row |- ! <code>header_style</code><br><code>header_class</code> | Modifies all section headers (''not'' the title bar) |- ! <code>header''n''_style</code><br><code>header''n''_class</code> | Modifies the specific section header ''n'' |- ! <code>section''n''_style</code><br><code>section''n''_class</code> | Modifies the container holding the section defined by a matching <code>header''n''</code> |- ! <code>group_style</code><br><code>group_class</code> | Modifies all base groups (<code>group''n''</code>), but ''not'' any subgroups (<code>group''n''.''x''</code>, etc.) |- ! <code>subgroup_style</code><br><code>subgroup_class</code> | Modifies all subgroups at all levels (<code>group''n''.''x''</code>, <code>group''n''.''x''.''y''</code>, etc.) |- ! <code>group''A''_style</code><br><code>group''A''_class</code> | Modifies the specific group ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |- ! <code>list_style</code><br><code>list_class</code> | Modifies all lists. Note, in this context, "list" refers to the container of a <code>list''n''</code> parameter, not a <code>ul</code> or <code>ol</code> element inside the parameter |- ! <code>list''A''_style</code><br><code>list''A''_class</code> | Modifies the specific list ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |} <noinclude>[[Category:Template documentation]]</noinclude> e35c990efd00644e63b9735d72ff65818357a1fb